IE7-Div對齊問題，當使用jquery

我有一個div，我使用jquery淡入淡出，但是每當div被點擊時，它不像FF或Chrome中那樣正確對齊。我只有IE7，所以我正在測試它，我不知道IE8的行爲是否一樣。IE7-Div對齊問題，當使用jquery

jQuery的代碼（淡入淡出效果）：

$(document).ready(function(){ 


$("div.a").hover(
    function() { 
     $(this).stop().animate({"opacity": "0"}, "slow"); 
    }, 
    function() { 
     $(this).stop().animate({"opacity": "1"}, "slow"); 
}) 
.click(
    function() { 
     $("div.a").css("z-index","10"); 
    $(this).css("z-index","8"); 
}); 

});

這裏是CSS代碼：

div.a { 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 10; 
    border: 0px;} 
img.b { 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 9;} 
div.fadehover { 
    position: relative;}

這裏是html代碼：

<a href="javascript:animatedcollapse.toggle('vimeo')"> 
<div title="Vimeo" class="fadehover"> 
<div class="a"><img src="images/table_14b.png" width="112" height="105" style="position: absolute;" alt=""></div> 
<img src="images/table_14.png" width="112" height="105" alt="" class="b"> 
</div></a>

的硬盤種類以解釋發生了什麼，但如果你觀察Chrome瀏覽器與IE7相比有哪些按鈕，你會發現問題。

http://woodfinx.net看到它在動作

來源

2011-02-08 woodfinx

給一個靜態高度，並且如果可能的話寬度，以標識層和按鈕層。這將解決與MSIE的問題。

來源

2011-02-08 05:41:58 DoctorLouie

好的。現在我不知道爲什麼這會起作用，或者如果這是IE 7的另一個渲染問題。現在，這是我做的事得到clicky事情在IE工作：

要持有的按鈕添加以下樣式

position: relative;

，對於一些奇怪的原因似乎是工作在表格單元格IE 7全部。除非這只是開發人員工具欄做一些奇怪的事情。

而且我注意到，當在IE 7

編輯只是出於好奇徘徊關閉按鈕不恢復到正常狀態，你爲什麼用表格來簡單的佈局？ Div的佈局將會非常完美和簡單。

來源

2011-02-08 06:46:33 sarcastyx

這只是我深夜認爲保存一箇舊的Photoshop拼接版式比在div中重做它更容易。我要把這些照片拼湊在一起，並在今晚將它們投入div。稱之爲我的AHA時刻。感謝您的幫助。 – woodfinx 2011-02-09 05:33:04

IE7-Div對齊問題，當使用jquery

回答

相關問題