我有一个简单的 div 层,它仅在触发特定逻辑时显示。
为了让它看起来像模态,我添加了一个不透明的全屏 div 以赋予它模态外观。
不幸的是,在 IE6 中 - 叠加层出现 - 但如果我向下滚动页面,整个页面不会被覆盖层覆盖。 http://i53.tinypic.com/30wl2ye.jpg
这是我的CSS:
.overlay {
width:100%;
height:100%;
background-color: #333333;
opacity: 0.25;
position: fixed;
top: 0 !important;
left: 0 !important;
display:none;
z-index:1000;
*background:transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333); /* IE6 & 7 */
zoom:1;
}
.paymentPopup {
background-color: white;
border: 3px solid #6D8D4C;
border-radius: 10px 10px 10px 10px;
padding: 10px;
z-index: 99999!important;
width:380px;
display:none;
float:left;
position:fixed;
*position: absolute;
left: 33%;
top:50%;
}
最佳答案
抱歉,IE6 不支持position:fixed;
它有一些 hack(例如参见 http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/),但底线是您正在尝试做一些浏览器不支持的事情。
关于css - ie6 覆盖位置 :fixed is scrolling,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6821932/