让div1继承外div的透明,而div1中的ul不继承外div的透明_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:46:49
원래의
1066명이 탐색했습니다.

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属性 否则的话父元素透明的话子元素也会透明
你可以用绝对定位  让同级元素看起来像父子关系 具体代码怎样写呢?

这个是父元素,自己设置透明度

子元素 不设置透明度

就是让第二个元素看起来好像是第一个元素的子元素  其实不是 他们是兄弟元素  只不过第二个元素通过定位定位到了第一个元素里边

求完整代?.......

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!