2011-03-29 93 views
0

不起作用短,这个问题体现在这里:弹出框使用jQuery在IE

http://mybgagent.com/offer_detailss.php?offers_id=4810

点击在Opera或Firefox“总拥有成本”带出弹出按预期在页面顶部显示窗口。但是,在IE中(在版本6和8中测试),它出现在页面的底部。

这里是我使用的CSS和JS。

http://mybgagent.com/tcocalc.css http://mybgagent.com/tcocalc.js

我认为这个问题的在CSS,但我真的不能告诉哪里 - 我一向不喜欢IE浏览器的兼容性。

回答

1

速战速决是在样式表的#tcocontainer div元素,chnage:

position: fixed; 

到:

position: absolute; 

IE不处理固定的位置非常好。即使在用户滚动窗口时,您仍然会失去弹出窗口的行为,但可用性不会受到影响。如果你真的想保持其他浏览器的固定位置,那么你可以使用条件注释为IE创建一个单独的样式规则,只有位置:绝对;

<!--[if IE ]> 
    <style> #tcocontainer { position: absolute; } </style> 
<![endif]--> 
+0

谢谢,我可能会使用IE特定的代码。 – egasimus 2011-03-29 19:21:07