欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

让div1继承外div的透明,而div1中的ul不继承外div的透明解决思路

更新时间: 2014-01-05 00:53:25 责任编辑: Author_N1

 

让div1继承外div的透明,而div1中的ul不继承外div的透明
<html>
<head>
<style>
.set_bottom{ width:100%; height:200px; background-color:#49494A; display:block; text-align:center; color:#FFF; font-size:14px; font-family:Verdana, Geneva, sans-serif; position:fixed; bottom:0px; left:0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 100) + "px"); z-index:999999; filter:alpha(opacity=80); -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8;}
#main{
width:300px;
height:300px;
background:green;
position:relative;
}

ul {
margin: 0px;
padding: 0px;
position:absolute;
right:5px;
background:white;
z-index:1999999;
}
img{
width:100%;
height:100%;/*图片自适应*/
}
li .now{color:red}
li{list-style:none;float:left;border:1px solid black;color:black;padding:0 10px;}
.pa{position:absolute;height:20px}
</style>
</head>

<div id="main">
<img src="http://img.bbs.csdn.net/upload/201310/20/1382240053_48052.png"/>
<div class="set_bottom pa">
<ul id="list" >
<li class="now">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
</div>
</html>



--参考方法--
可以使用css3的话用rgba属性 否则的话父元素透明的话子元素也会透明
你可以用绝对定位  让同级元素看起来像父子关系
--参考方法--
<div>这个是父元素,自己设置透明度</div>
<div style='position:absolute;left:10px;top:10px'>子元素 不设置透明度</div>
就是让第二个元素看起来好像是第一个元素的子元素  其实不是 他们是兄弟元素  只不过第二个元素通过定位定位到了第一个元素里边
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:53:25
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1056/
本文WWW.DOC100.NET DOC100.NET版权所有。