关于图片幻灯片遮挡分类树的问题~已经解决！

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



关于图片幻灯片遮挡分类树的问题~已经解决！不敢独享，从论坛里我也学到了很多东西，这个自己琢磨出来的也发出来给大家研究研究，我是菜鸟，不足之处，大家多多PP！

问题：
未标题-1.jpg

解决问题：
未标题-2.jpg

其实很简单~
这是没改之前的分类树CSS
.CategoryTit li a:hover{background-position:0 -155px;text-decoration:underline;}
#category_tree{ border:2px solid #8e0314; border-top:none;}
#category_tree li{background:url(images/treedot.gif) no-repeat bottom; line-height:25px;padding-left:12px;width:168px; position:relative;font-size:12px; font-weight:bold;#category_tree li .children{position:absolute; left:180px;top:-11px;display:none; padding:10px 0; z-index:999;}
#category_tree li .children .conter{width:200px;border-top:1px solid #a6a6a6; border-right:2px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:3px solid #666666; background-color:#fff; }
#category_tree li .children .conter .suq{ width:8px; height:24px; position:absolute;top:10px; left:-6px; background-color:#f5f5f5; border-top:1px solid #a6a6a6;}
#category_tree li .children .conter .ChildrenLi li{width:210px;background:url(images/treedotle.gif) no-repeat 5px 10px; padding-left:16px; font-weight:normal;}

改过之后（主意红色字体）
.CategoryTit li a:hover{background-position:0 -155px;text-decoration:underline;}
#category_tree{ border:2px solid #8e0314; border-top:none;}
#category_tree li{background:url(images/treedot.gif) no-repeat bottom; line-height:25px;padding-left:12px;width:168px; position:relative;font-size:12px; font-weight:bold;z-index:1000;}
#category_tree li .children{position:absolute; left:180px;top:-11px;display:none; padding:10px 0; z-index:999;}
#category_tree li .children .conter{width:200px;border-top:1px solid #a6a6a6; border-right:2px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:3px solid #666666; background-color:#fff; }
#category_tree li .children .conter .suq{ width:8px; height:24px; position:absolute;top:10px; left:-6px; background-color:#f5f5f5; border-top:1px solid #a6a6a6;}
#category_tree li .children .conter .ChildrenLi li{width:210px;background:url(images/treedotle.gif) no-repeat 5px 10px; padding-left:16px; font-weight:normal;}


OK,解决问题！就这么简单，之前我也想过很多方法，就纳闷了Z-index这么就没用呢，但是在火狐浏览器里又是正常的，摸索了好一阵子。

问题出在：
IE7及更早版本对z-index的解析有个讨厌的Bug，如果父元素具有position: relative;属性，那么只设置子元素的z-index是不起作用的，父元素也得一起设置。


由于模板还没有完全改完，就不放出来了！也是在别人模板上改的，这个分类树大家很熟悉吧！做好之后大家给大家批批！

回答：


搜索栏遮挡的问题，因为不影响什么我也懒得搞了，我是菜鸟，搞起来太累希望有高手，弄好了教我一下~先谢谢了！

还有那个HOME的问题，总是黑色的，我这么改都不是白色，改了CSS，火狐浏览器已经显示白色了，但是IE里还是黑色~

下次有可能用到，做个记录