弹出式商品目录弹出来被中间部分遮住问题

2016-07-07 16:16 来源：www.chinab4c.com 作者：ecshop专家

改了一下商品目录，已经把商品目录改成弹出二级目录的方式，在傲游，ie7 下全部正常，可是在ie7已上版本，谷歌浏览器，firefox下，弹出式商品目录弹出来被中间部分（flash广告，最新商品，精品等)遮住了，见图片，图片一是被遮住的，图片二是正常的。求前辈们帮忙解决， 谢谢。

1.jpg

2.jpg

回答：
那是你模板兼容性的问题

那应该怎么改呢？ 谢谢

高手来帮忙解决一下了， 需要我上次什么东西，代码什么的尽管说哦

请问你这个是哪个模板，还有是否修改过模板

我用的是lative的模板， 把orange模板的弹出式目录弄到lative上用

flash 透明就可以解决这个问题了

index_ad.lib
<param name="quality" value="high" />
后加上
<param value="Transparent" name="wmode"/>

谢谢齐迹， 不过还是没解决哦，它不只被flash挡住，如果商品目录多了，后便的目录弹出来会被flsh下边的推荐商品那些也挡住，就是二级菜单弹出来会被中间区域给挡住了，能不能把商品目录置于整个页面的顶层吗？

那就设置 弹出的 z-index 属性 弄个 9999就没有问题了

z-index之前包含的div记得设置属性position: relative;

css 里边的z-index 原本就是9999， 下边是关于商品目录的CSS代码

/* ==library模块== */
.category .libDiv h2{
background:url(images/bg_category.gif) repeat-x 0 0;
}
.category h1{
color:#ff6600;
font-weight:bold;
font-size:14px;
padding:10px;
}
.category li{
font-size:12px;
height:22px;
padding:4px 10px 0 10px;
border-bottom:0px solid #ccc;
position:relative;
padding-left: 20px;
background-image: url(images/catIndex_bg.gif);
background-repeat: no-repeat;
cursor:pointer;
z-index:9999;
}
.category li .sub{
padding:8px 10px;
line-height:23px;
width:198px;
position:absolute;
left:160px;
top:-1px;
background:url(images/bg_sub.gif) no-repeat 0 0;
border-bottom:1px solid #ccc;
display:none;
}
.category li .sub a,.category li a{
color:#252424;
}
.category li .sub a:hover{
color:#ff0000;
}
.category_more{
line-height:24px;
background:url(images/bg_category_1.gif) repeat-x 0 0;
}
.category_more a{
color:#ff6600;
padding-left:50px
}

在ie7下是正常的，但是在ie8，firefox和谷歌就不正常了

是否修改过模板

修改过， 我把Ornaments的目录移植到lative，结果就出现这个问题了. Css 我只在lativ 里加了上面那一断代码