CSS高度和寬度屬性不正確IE10

工作（此前這個問題，我使用了條件IE語句，使這個從IE瀏覽器排除一部分，但在IE10是不再受支持。）CSS高度和寬度屬性不正確IE10

所以我我的網站標題上有三個圖像堆疊在一起。底部的一個是帶有移動臂的.gif，上面那個是與.gif相同的圖像，但根本沒有臂，分辨率也更高（因爲.gif無法支持類似的圖像質量）。On與高分辨率選擇相同的圖層，我有一個高分辨率圖像的手臂。我設置了CSS，以便當圖像懸停時，唯一手臂圖像消失，並顯示帶有移動臂的.gif。

你可以在這裏查看此：http://www.applocity.blogspot.com （如果在Chrome或Firefox瀏覽，它會正常工作，如果前10觀察在IE中，只有GIF將顯示沒有鼠標懸停動畫，如果在IE10瀏覽它會顯示獨奏臂沒有與背景圖像一字排開正確（雖然動漫作品）

我認爲問題就出在這個代碼：

#chicken { 
margin: 0; 
width: 100%; 
height: 100%; 
position: absolute; 
top: 0; 
left: 0; 
} 

#chicken:hover { 
opacity:0; 
}

這是獨奏 - CSS代碼手臂和鉻和FF，寬度和高度100％屬性正常工作，手臂與ba自我對齊ckground，但在IE中，由於某種原因它不起作用。

有人可以告訴我要麼使手臂與圖像對齊，要麼只能在IE中使用IE10的方法刪除它？

來源

2013-06-03 somil

您好！你爲什麼需要這樣的動畫來工作？爲什麼不只是有兩個圖像，並改變他們使用JS懸停？ – Yisela

您應該能夠通過添加text-align: center到#chicken下面來解決這個問題：

#chicken { 
    margin: 0; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    text-align: center; /* add this */ 
}

的另一種方式，你可以通過添加此規則做到這一點是：

#chicken a{ 
    display: block; 
    text-align: center; 
}

來源

2013-06-04 00:45:49 tw16

太棒了！有效！ – somil

CSS高度和寬度屬性不正確IE10

回答

相關問題