DIV横式导航条二级菜单被下面的层遮挡,急求解决方法!!请高手指点迷津
我在FF、Opera、IE8测试显示正常,无遮挡,但在傲游和360这些浏览器测试就被下层遮挡,无法完全显示出来。图片展示CSS代码如下所示:#slider{width:9...
我在FF、Opera、IE8测试显示正常,无遮挡,但在傲游和360这些浏览器测试就被下层遮挡,无法完全显示出来。
图片展示CSS代码如下所示:
#slider { width:970px; height:200px; position: relative;top: 0px;left: 0px;overflow:hidden;margin-left:0px;margin-bottom:10px; z-index:1;}
#slider-holder { width:970px; height:200px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:970px; height:200px; position:relative; overflow:hidden; }
#slider-holder ul{ width:970px; height:200px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:970px; height:200px; position:relative; overflow:hidden; float:left; }
#slider-nav {position:absolute;top:180px;left:870px;z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
#slider-nav a:hover,#slider-nav a.active { background:#fff;} 展开
图片展示CSS代码如下所示:
#slider { width:970px; height:200px; position: relative;top: 0px;left: 0px;overflow:hidden;margin-left:0px;margin-bottom:10px; z-index:1;}
#slider-holder { width:970px; height:200px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:970px; height:200px; position:relative; overflow:hidden; }
#slider-holder ul{ width:970px; height:200px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:970px; height:200px; position:relative; overflow:hidden; float:left; }
#slider-nav {position:absolute;top:180px;left:870px;z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
#slider-nav a:hover,#slider-nav a.active { background:#fff;} 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询