为了账号安全,请及时绑定邮箱和手机立即绑定

div设置透明之后div中的块元素也会出现透明的情况,如何解决?

div设置透明之后div中的块元素也会出现透明的情况,如何解决?

咕咕问 2016-04-07 20:13:02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#apDiv1 { position: absolute; left: 80px; top: 136px; width: 956px; height: 313px; z-index: 1; background:red; opacity:0.5;}</style></head><body> <div id="apDiv1"> <div style="width:100px; height:100px; background-color:blue;position:absolute;"></div></div></body></html>我需要的是里面的div的背景图可以不透明的展示出来,该怎么做,求大神啊
查看完整描述

3 回答

?
慕神4975613

TA贡献3条经验 获得超0个赞

opacity:0.5;

这个是给容器透明的。里面的所有内容都会透明的。你所想实现的只是把背景色透明而已。如果只考虑现代浏览器可以这样写。

background: rgba(255, 0, 0, 0.5);


查看完整回答
反对 回复 2016-04-08
?
走向流沙

TA贡献45条经验 获得超23个赞

<div>

<div id="apDiv1"></div>

<img src="" >

</div>


看懂我的意思了吗,这样设定,再用绝对定位将#adDiv1和img重叠

查看完整回答
反对 回复 2016-04-08
?
Study_0007

TA贡献3条经验 获得超0个赞

给不需要透明的div设置新的透明度值=1即可

查看完整回答
反对 回复 2016-04-08
  • 3 回答
  • 0 关注
  • 1999 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信