Question

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

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

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.所以我不明白为什么这是在弹出窗口而不是在下面。

任何帮助都会很棒

由于

似乎无法使我的弹出工作在IE 7 CSS问题

0 个答案: