如何解决下拉菜单在Firefox / Chrome中不起作用
| 因此,可以说我已经在IE上全部工作了,因为它始终会给IE带来问题。但是现在,下拉菜单出现在其他浏览器(如Firefox和chrome)的内容后面。我所做的就是删除#head div中的z-index。 网站:http://www.stingrayimages.ca/ 使用Z-index:它会在IE中中断 没有它,它将在其他浏览器中失败。 无论如何要修复下拉菜单,而不在head div上添加z-index?#head {
position:relative;
height: 140px;
width: 100%;
background: #FFF;
filter:alpha(opacity=93);
padding-top:20px;
/* CSS3 standard */
opacity:0.93;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;
}
解决方法
您需要减少不透明度。当下拉菜单显示在图像上方时,下拉菜单将逐渐消失,这使其看起来像在图片的后面。
另外,IE9显示与Chrome和FireFox 4相同的问题。
,使用z-index,只需将较高的z-index应用于顶部的下拉元素,或者可以将-z-index值应用于后面的所有内容,无论哪种方法都可以。
,您可以做的一件事是放回z-index并查找IE修复程序。
要考虑的另一件事是html的渲染顺序和树结构,因为这会影响顶部的内容。 http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/本文对此的解释远胜于我。
如果您可以链接正在处理的网站的示例,则可能使我们更容易给出更具体的答案。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。