在ie7中的位置絕對和相對問題

有一個切換行爲切換div的div有一個圖像在div的右下角放置圖像到右下角我使父div位置相對並設置圖像的位置絕對，但問題出現時，我點擊圖像切換切換圖像停留在底部，並切換下來它將到頂部此行爲僅在IE7 ie8 firefox鉻它表現良好在ie7中的位置絕對和相對問題

的CSS有點像這樣

.filterPanel 
{ 
border: 1px solid #fbcb09 ; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radious: 5px; 
position: relative; 
margin: 0; 
padding:0; 
z-index: 1; 
} 
.toggleCollapse, .toggleExpand 
{ 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 

    background-color: #FFF; 
    border: 1px solid #FBCB09; 
    cursor: pointer; 
    padding: 2px 1px 2px 2px; 
    position: absolute; 
    bottom: -10px; 
    right:5px; 
    z-index: 1000; 
}

過濾板是父的div和toggleCollapse是伊馬ge我iam談論它是在這個div（過濾器面板）如何解決這個問題

來源

2011-03-09 Mac

嘗試。 – Jon 2011-03-09 11:06:07

您需要使用諸如[JS Bin]（http://jsbin.com/）之類的站點提供正確的測試用例，或者提供到活動頁面的鏈接。很難分析CSS，並將你的HTML想象成IE7與我們的大腦一樣。 – thirtydot 2011-03-09 11:27:24

以及我知道，但它在本地主機，如果有人可以建議我一些其他方式把圖像在這個位置以外的其他位置的權利絕對和相對的技巧 – Mac 2011-03-09 11:30:48

我不知道我理解你的問題，但負邊緣和相對位置在IE瀏覽器中會出現問題。

考慮一種不同的方法：要將toggleCollapse按鈕放在底部，請忘記位置：相對業務在按鈕之後放置按鈕，然後將其位置設置爲relative，top：-10px（或其他）。

EG：在同時使用一個冒號一次

<div class="filter_wrapper"> 
<div class="filter_panel">Some stuff</div> 
<a class="toggle">[ toggle me ]</a> 
</div>

來源

2011-03-09 11:26:19 Techism

在ie7中的位置絕對和相對問題

回答

相關問題