让div1继承外div的透明，而div1中的ul不继承外div的透明_html/css_WEB-ITnose
- WBOY原創
- 2016-06-21 09:46:491059瀏覽
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"/ alt="让div1继承外div的透明，而div1中的ul不继承外div的透明_html/css_WEB-ITnose" ><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属性 否则的话父元素透明的话子元素也会透明
你可以用绝对定位 让同级元素看起来像父子关系
可以使用css3的话用rgba属性 否则的话父元素透明的话子元素也会透明
你可以用绝对定位 让同级元素看起来像父子关系 具体代码怎样写呢?
这个是父元素,自己设置透明度
子元素 不设置透明度
就是让第二个元素看起来好像是第一个元素的子元素 其实不是 他们是兄弟元素 只不过第二个元素通过定位定位到了第一个元素里边
求完整代?.......
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn