ホームページ > 記事 > ウェブフロントエンド > div1 は外側の div の透明度を継承しますが、div1 の ul は外側の div_html/css_WEB-ITnose の透明度を継承しません。
div1 は外側の div の透明度を継承しますが、div1 の ul は外側の div_html/css_WEB-ITnose の透明度を継承しません。
- WBOYオリジナル
- 2016-06-21 09:46:491060ブラウズ
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 属性を使用します。そうでない場合は、親要素が透明な場合は、子要素を使用します。
絶対配置を使用して兄弟要素を表示することもできます。 親子関係のように見えます
css3 を使用できる場合は、rgba 属性を使用します。それ以外の場合、親要素が透明な場合、子要素は透明になります。絶対配置を使用して、兄弟要素を親子関係のように見せることができます。
44c14ee68338827ee72df6aee9d88476子要素は透明度を設定しません16b28748ea4df4d9c2150843fecfba68 2 番目の要素が最初の要素の子要素であるようにします。実際、それらは兄弟要素ではありません。ただ、2 番目の要素が位置決めによって最初の要素の中に配置されているだけです。
完全なコードを教えてください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。