Heim > Artikel > Web-Frontend > 让div1继承外div的透明，而div1中的ul不继承外div的透明_html/css_WEB-ITnose
让div1继承外div的透明，而div1中的ul不继承外div的透明_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:46:491060Durchsuche
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属性 否则的话父元素透明的话子元素也会透明
你可以用绝对定位 让同级元素看起来像父子关系 具体代码怎样写呢?
这个是父元素,自己设置透明度
子元素 不设置透明度
就是让第二个元素看起来好像是第一个元素的子元素 其实不是 他们是兄弟元素 只不过第二个元素通过定位定位到了第一个元素里边
求完整代?.......
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：关于 div 嵌套_html/css_WEB-ITnoseNächster Artikel：html 标签 光标 pre 代码即时高亮_html/css_WEB-ITnose