爲什麼這個由HTML和CSS控制的圖像自動旋轉？

img.background 
{ 
    z-index: -1; 
    position: absolute; 
}

下面的HTML代碼還控制圖像：

<img class = "background" src = "images/bhleerotated.JPG">

即使此圖像被旋轉180度時，它仍然顯示以與未旋轉的圖像相同的方向成像。爲什麼會發生？

2013-10-14 bhlee90

聽起來緩存或要鏈接到錯誤的圖像。 – BoltClock

也許這是一個動畫JPG。如果您提供了相關圖片的鏈接，我們可以進行檢查。除此之外，就像@BoltClock建議的那樣，它可能與緩存有關，或者CSS中的其他代碼可以控制圖像。或者，我可能會在某處使用JavaScript函數來旋轉它。 – uSeRnAmEhAhAhAhAhA

某些圖像查看器會在您查看圖像時爲您旋轉圖像，但實際上並未保存正確的旋轉。也許這是在這裏發生的事情？ –

我能夠得到這個工作與您提供的代碼和CSS轉換：旋轉（45度）。你如何旋轉圖像，Javascript/jQuery或CSS3轉換？

HTML：

<img class="background" src="images/bhleerotated.jpg">

CSS：

img.background { 
    z-index: -1; 
    position: absolute: 
    transform: rotate(45deg); 
}

2013-10-14 06:23:13

這是一個例子：http://jsfiddle.net/eDGhR/ –

回答