div设置透明之后div中的块元素也会出现透明的情况，如何解决？
<!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的背景图可以不透明的展示出来，该怎么做，求大神啊
咕咕问浏览 2001回答 3
3回答
-
慕神4975613
opacity:0.5;这个是给容器透明的。里面的所有内容都会透明的。你所想实现的只是把背景色透明而已。如果只考虑现代浏览器可以这样写。background: rgba(255, 0, 0, 0.5); -
走向流沙
<div><div id="apDiv1"></div><img src="" ></div>看懂我的意思了吗，这样设定，再用绝对定位将#adDiv1和img重叠 -
Study_0007
给不需要透明的div设置新的透明度值=1即可
随时随地看视频慕课网APP
Html/CSS