设置一个DIV半透明,怎么才能使这个DIV中的其他DIV不半透明?
RT怎么也解决不了,希望高人能够帮帮我,在此先谢谢了!baibibo555的回答经测试不正确,期待高人解答。...
RT
怎么也解决不了,希望高人能够帮帮我,在此先谢谢了!
baibibo555的回答经测试不正确,期待高人解答。 展开
怎么也解决不了,希望高人能够帮帮我,在此先谢谢了!
baibibo555的回答经测试不正确,期待高人解答。 展开
6个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body{ text-align:center }
.touming_DIV{ filter:alpha(opacity=50); -moz-opacity:0.5; background:#000; width:500px; height:200px; position:absolute; z-index:99; top:50px; left:50%; margin:0 0 0 -250px }
.Main_DIV{ width:500px; height:200px; position:absolute; z-index:100; top:50px; left:50%; margin:0 0 0 -250px }
.Main_DIV div{ color:#fff; line-height:200px; font-weight:bold }
</style>
</head>
<body>
<div class="touming_DIV"></div>
<div class="Main_DIV">
<div>文字内容放在这里,明白了吧</div>
</div>
</body>
</html>
==================================================================
以上是在ie和火狐下都可以正常显示的半透明效果,如果有需要可以Q我308786370
祝你好运!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body{ text-align:center }
.touming_DIV{ filter:alpha(opacity=50); -moz-opacity:0.5; background:#000; width:500px; height:200px; position:absolute; z-index:99; top:50px; left:50%; margin:0 0 0 -250px }
.Main_DIV{ width:500px; height:200px; position:absolute; z-index:100; top:50px; left:50%; margin:0 0 0 -250px }
.Main_DIV div{ color:#fff; line-height:200px; font-weight:bold }
</style>
</head>
<body>
<div class="touming_DIV"></div>
<div class="Main_DIV">
<div>文字内容放在这里,明白了吧</div>
</div>
</body>
</html>
==================================================================
以上是在ie和火狐下都可以正常显示的半透明效果,如果有需要可以Q我308786370
祝你好运!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你好,这种时候你可以在父类DIV中使用 background: rgba(255,255,255,0.3);来设置它的透明度,前三个参数是三原色的配置参数,第四个是透明度的配置参数
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
父元素如果设置opacity会影响到所有子元素。如果你紧紧想让父元素背景半透明可以用rgba颜色,例如rgba(0,0,0,0.5)
,
0.5就是透明度。
,
0.5就是透明度。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id="none" style="filter:alpha(opacity=50);position:absolute;display:block; width:201px; border:#FF0000; margin-top:0px;overflow:scroll; height:300px;overflow-x:hidden; z-index:100; left:203px; top:130px; background-color:#FFFFFF;" >
<ul style=" margin-left:0px; margin-top:0px;list-style-type:none; width:200px; " >
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
<div>
<ul style=" margin-left:0px; margin-top:0px;list-style-type:none; width:200px; " >
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
<div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询