彈出框使用jQuery在IE

Question

不起作用短，這個問題體現在這裏：

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瀏覽器的兼容性。

Answer 1

速戰速決是在樣式表的#tcocontainer div元素，chnage：

position: fixed; 

到：

position: absolute; 

IE不處理固定的位置非常好。即使在用戶滾動窗口時，您仍然會失去彈出窗口的行爲，但可用性不會受到影響。如果你真的想保持其他瀏覽器的固定位置，那麼你可以使用條件註釋爲IE創建一個單獨的樣式規則，只有位置：絕對;

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