【问题标题】:css z-index/div displaycss z-index/div 显示
【发布时间】:2012-07-05 06:51:27
【问题描述】:

我有一个下拉登录菜单,在 webkit/firefox 中运行良好,但在 Internet Explorer 中不显示。但是,我在 IE 中显示的不同站点上有完全相同的登录菜单! 在这里查看非工作版本: https://www.graduationregistration.com/new 这里有一个工作版本: http://www.inthestar.com

我已经尝试了 z-indexes 和样式的所有值,但无法让它工作,我真的需要它!任何帮助将不胜感激,在此先感谢!

CSS 如下(两个网站都一样):

#signin_menu {
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
display:none;
background-color:#ddeef6;
position:absolute;
right: -2px;
width:210px;
z-index:10;
border:1px transparent;
text-align:right;
padding:12px;
top: 24.5px; 
margin-top:5px;
color:#789;
font-size:11px;
visibility: visible;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
display:block;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #ACE;
font-size:13px;
margin:0 0 5px;
padding:5px;
width:203px;
z-index:11;
}
#signin_menu p {
margin:0;
}
#signin_menu a {
color:#6AC;
}
#signin_menu label {
font-weight:normal;
}
#signin_menu p.remember {
padding:10px 0;
text-align:right;
}
#signin_menu p.forgot, #signin_menu p.complete {
clear:both;
margin:5px 0;
}
#signin_menu p a {
color:#27B!important;
}

【问题讨论】:

    标签: html css internet-explorer z-index


    【解决方案1】:

    移除过滤器:

    progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#555555', EndColorStr='#2a2a2a', GradientType=0)

    会解决你的问题,但不要问我为什么:D

    【讨论】:

    • 那些过滤器对 IE 来说太有问题了,最好远离
    猜你喜欢
    • 1970-01-01
    • 2011-10-24
    • 2022-11-21
    • 1970-01-01
    • 2012-11-05
    • 1970-01-01
    • 2016-05-17
    • 2011-03-13
    • 2013-05-22
    相关资源
    最近更新 更多