求大家帮忙,下拉菜单被JS图片切换给挡住了,怎么办啊?

时间:2022-12-20 15:32:10
在火狐中显示正常,在IE中显示下拉菜单被JS图片切换给挡在下面了,我改了,z-index优先级,但还是不行,求各位帮帮忙?急啊,

15 个解决方案

#1


大家看一下就知道了,
http://www.goodmeal.cn/?module=dingzuo.canting&method=show&idx=4

#2


肯定是垃圾,,,,被发的广告链接骗来的。。。。。
引用 1 楼 mayadon 的回复:
大家看一下就知道了,
http://www.goodmeal.cn/?module=dingzuo.canting&method=show&idx=4

#3


你试试把图片放到div内,把div的position:absolute,然后修改z_index的值


以下是引用:
引用
因为图片也放在层中,而图片所在层的Z轴索引值比该层大,所以被挡住,解决办法是更改该层的Z轴索引值至比图片层大。 
<div   style= "position:absolute;left:0;top:20;z-index:2;background:red;width:120px;height:70px "> 
 <img   src= "/Files/BeyondPic/2006-2/11/0621123575645815.gif "> 
</div> 
<div   style= "position:absolute;left:50;top:50;z-index:2;background:green;width:120px;height:70px "> 
 <img   src= "/Files/BeyondPic/2006-2/11/0621123575645815.gif "> 
</div> 
<div   style= "position:absolute;left:90;top:80;z-index:2;background:blue;width:120px;height:70px "> 
 <img   src= "/Files/BeyondPic/2006-2/11/0621123575645815.gif "> 
</div> 

#4


你说的什么意思?什么垃圾?那个链接是我的网页,我遇到问题了,你怎么这么说?

#5


哦,我理解错意思啦,不好意思,哦,知道了,我试一下,谢谢你,

#6


还是不行啊,怎么办啊,

#7


我也遇到过
我说说我的解决办法吧
下拉菜单的F标签设置个position:relative;z-index:?;
JS图片切换的总的F标签也设置个position:relative;z-index:小于?;
子标签设置position:absolute;这个的z-index:同F标签;
新手
望指导

#8


还是不行,没解决,

#9


给弹出层绝对定位的那个层加个clear:both;

#10


接上,首页你得确认上面弹出的层级别z-index要大于你说的遮住你想要看到内容的东西的z-index的值

#11



加一个样式


.n1 li
{
    z-index:1200;(值大于image和image所在的层)
}

#12


谢谢你,我试了,还是不行,到底是怎么回事了,见鬼了,在火狐里就没问题,在IE中就被挡在图片下面了,

#13



应该是你用的下拉菜单的问题,,,,是JQuery的插件吧。。。。css设置的ul li的z-index都被覆盖了。

下面的css无效的话,建议用JQuery添加


 $(".n1").css("z-index", "1200");
 $(".n1 li").css("z-index", "1200");


引用 11 楼 hack_pan 的回复:
加一个样式


CSS code


.n1 li
{
    z-index:1200; (值大于image和image所在的层)
}

#14


你试一下这个情况  大图切换 那个 relative: 的z-index:0;
下拉那个   relative: 的z-index:>上面的试试,如果不行应该是js问题了

#15


图片DIV z-index:-1;剩下啥也不用动!!你试试

#1


大家看一下就知道了,
http://www.goodmeal.cn/?module=dingzuo.canting&method=show&idx=4

#2


肯定是垃圾,,,,被发的广告链接骗来的。。。。。
引用 1 楼 mayadon 的回复:
大家看一下就知道了,
http://www.goodmeal.cn/?module=dingzuo.canting&amp;method=show&amp;idx=4

#3


你试试把图片放到div内,把div的position:absolute,然后修改z_index的值


以下是引用:
引用
因为图片也放在层中,而图片所在层的Z轴索引值比该层大,所以被挡住,解决办法是更改该层的Z轴索引值至比图片层大。 
<div   style= "position:absolute;left:0;top:20;z-index:2;background:red;width:120px;height:70px "> 
 <img   src= "/Files/BeyondPic/2006-2/11/0621123575645815.gif "> 
</div> 
<div   style= "position:absolute;left:50;top:50;z-index:2;background:green;width:120px;height:70px "> 
 <img   src= "/Files/BeyondPic/2006-2/11/0621123575645815.gif "> 
</div> 
<div   style= "position:absolute;left:90;top:80;z-index:2;background:blue;width:120px;height:70px "> 
 <img   src= "/Files/BeyondPic/2006-2/11/0621123575645815.gif "> 
</div> 

#4


你说的什么意思?什么垃圾?那个链接是我的网页,我遇到问题了,你怎么这么说?

#5


哦,我理解错意思啦,不好意思,哦,知道了,我试一下,谢谢你,

#6


还是不行啊,怎么办啊,

#7


我也遇到过
我说说我的解决办法吧
下拉菜单的F标签设置个position:relative;z-index:?;
JS图片切换的总的F标签也设置个position:relative;z-index:小于?;
子标签设置position:absolute;这个的z-index:同F标签;
新手
望指导

#8


还是不行,没解决,

#9


给弹出层绝对定位的那个层加个clear:both;

#10


接上,首页你得确认上面弹出的层级别z-index要大于你说的遮住你想要看到内容的东西的z-index的值

#11



加一个样式


.n1 li
{
    z-index:1200;(值大于image和image所在的层)
}

#12


谢谢你,我试了,还是不行,到底是怎么回事了,见鬼了,在火狐里就没问题,在IE中就被挡在图片下面了,

#13



应该是你用的下拉菜单的问题,,,,是JQuery的插件吧。。。。css设置的ul li的z-index都被覆盖了。

下面的css无效的话,建议用JQuery添加


 $(".n1").css("z-index", "1200");
 $(".n1 li").css("z-index", "1200");


引用 11 楼 hack_pan 的回复:
加一个样式


CSS code


.n1 li
{
    z-index:1200; (值大于image和image所在的层)
}

#14


你试一下这个情况  大图切换 那个 relative: 的z-index:0;
下拉那个   relative: 的z-index:>上面的试试,如果不行应该是js问题了

#15


图片DIV z-index:-1;剩下啥也不用动!!你试试