Maison >interface Web >tutoriel HTML >求大家帮忙,下拉菜单被JS图片切换给挡住了,怎么办啊?_html/css_WEB-ITnose
在火狐中显示正常,在IE中显示下拉菜单被JS图片切换给挡在下面了,我改了,z-index优先级,但还是不行,求各位帮帮忙?急啊,
大家看一下就知道了,
http://www.goodmeal.cn/?module=dingzuo.canting&method=show&idx=4
肯定是垃圾,,,,被发的广告链接骗来的。。。。。
大家看一下就知道了,
http://www.goodmeal.cn/?module=dingzuo.canting&method=show&idx=4
你试试把图片放到div内,把div的position:absolute,然后修改z_index的值
以下是引用:
因为图片也放在层中,而图片所在层的Z轴索引值比该层大,所以被挡住,解决办法是更改该层的Z轴索引值至比图片层大。
你说的什么意思?什么垃圾?那个链接是我的网页,我遇到问题了,你怎么这么说?
哦,我理解错意思啦,不好意思,哦,知道了,我试一下,谢谢你,
还是不行啊,怎么办啊,
我也遇到过
我说说我的解决办法吧
下拉菜单的F标签设置个position:relative;z-index:?;
JS图片切换的总的F标签也设置个position:relative;z-index:小于?;
子标签设置position:absolute;这个的z-index:同F标签;
新手
望指导
还是不行,没解决,
给弹出层绝对定位的那个层加个clear:both;
接上,首页你得确认上面弹出的层级别z-index要大于你说的遮住你想要看到内容的东西的z-index的值
加一个样式
.n1 li{ z-index:1200;(值大于image和image所在的层)}
谢谢你,我试了,还是不行,到底是怎么回事了,见鬼了,在火狐里就没问题,在IE中就被挡在图片下面了,
应该是你用的下拉菜单的问题,,,,是JQuery的插件吧。。。。css设置的ul li的z-index都被覆盖了。
下面的css无效的话,建议用JQuery添加
$(".n1").css("z-index", "1200"); $(".n1 li").css("z-index", "1200");
你试一下这个情况 大图切换 那个 relative: 的z-index:0;
下拉那个 relative: 的z-index:>上面的试试,如果不行应该是js问题了
图片DIV z-index:-1;剩下啥也不用动!!你试试