2009-06-03 56 views
0

我試圖複製getsatisfaction標籤樣的效果的工作 - 它在IE7和Firefox正常工作和幾乎所有其他瀏覽器,但一切都在瀏覽器6搞砸了 - 我討厭IE6,但它的赫克最常用的瀏覽器 - 我的標籤現在不是被覆蓋在側面,而是坐在我的頁面頂部角落,將所有頁面內容推到底部。的CSS固定顯示不IE6

的標籤只是這個CSS樣式鏈接應用:

a#feedback_link 
{ 
    position:fixed; top:40%; 
    right:0px !important; 
    z-index:9999999; 
    text-decoration:none; 
    background-color:#2E8CDC; 
    padding:0px; 
    border:0px; 
} 
+0

它在技術上不改正IE6是「最常用的瀏覽器」。請參閱http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 ...今天,IE7在大約41%,IE6在大約17%。 (雖然我同意〜17%仍然顯著。) – 2009-06-03 11:38:31

+0

嗯 - 不知道比賽的是 - 越少的人使用IE6更好的 - 反正感謝大家的大力幫助提示:) – Ali 2009-06-03 11:57:51

回答

2

IE6忽略的位置:固定。這是一個已知的缺陷。一個可能的(但有點醜陋)解決方法是使用JavaScript表達式在你的CSS文件,像這樣:

a#feedback_link 
{ 
    position:absolute; 
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.4)); 
    ... 

使用條件註釋此聲明僅限制於IE6。

+0

如果你這樣做,是非常重要的這樣的CSS規則嵌套在IE條件註釋 – 2009-06-03 11:38:26