2009-06-03 61 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