0

http://madaxedesign.co.uk/dev/

在右上角我有两个按钮作为弹出信息和联系人。当在 IE 7 中按下时，我确实遇到了掩码越过弹出窗口顶部的问题，阻止了它的查看。然后我意识到这是因为 CSS 中的不透明性，所以我用下面的这个 CSS 做了一个 IE 7 样式表：

IE 7 CSS：

#mask { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)!important";
    filter: alpha(opacity=0)!important;  
    -moz-opacity: 0.0!important; 
    -khtml-opacity: 0.0!important;
    opacity: 0.0!important; 
    display: none; 
}

所有浏览器 CSS：

#mask {
display: none;
background: #000; 
position: fixed; left: 0; top: 0; 
z-index: 10;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;
width: 100%; height: 100%;
z-index: 999;}

 #popup {
display: none;
width: 60%;
height: auto;
background-image: url(../images/pop_up_bg.jpg);
border-bottom: .4em solid #0a0b0f;
border-right: .4em solid #0a0b0f;
padding: 25px 30px;
position: absolute;
top: 5%;
left: 16%;
z-index: 2000;}

然后在取消掩码后，我意识到我无法关闭弹出窗口，因为掩码在顶部，即使弹出窗口 z-index 为 2000 并且掩码为 999。所以我不明白为什么这是在上面弹出窗口而不是下方。

任何帮助都会很棒

谢谢

4

0 回答 0