這個需要使用css3 了img:hover{ -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transfomr:rotate(90deg); }不適用於ie9以下瀏覽器

這個需要使用css3 了img:hover{ -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transfomr:rotate(90deg); }<img src="圖片路徑" />不適用於ie9以下瀏覽器

使用CSS3 transform 屬性設定元素旋轉。

定義和用法

transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜

語法：transform: none|transform-functions;

例項 旋轉 div 元素：

div

{

transform:rotate(7deg);

-ms-transform:rotate(7deg); /* IE 9 */

-moz-transform:rotate(7deg); /* Firefox */

-webkit-transform:rotate(7deg); /* Safari 和 Chrome */

-o-transform:rotate(7deg); /* Opera */

}

瀏覽器支援

Internet Explorer 10、Firefox、Opera 支援 transform 屬性。

Internet Explorer 9 支援替代的 -ms-transform 屬性（僅適用於 2D 轉換）。

Safari 和 Chrome 支援替代的 -webkit-transform 屬性（3D 和 2D 轉換）。

Opera 只支援 2D 轉換。