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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

#apDiv1 {

position: absolute;

left: 80px;

top: 136px;

width: 956px;

height: 313px;

z-index: 1;

background:red;

opacity:0.5;

}

</style>

</head>

<body>

</div>

</body>

</html>

我需要的是里面的div的背景图可以不透明的展示出来，该怎么做，求大神啊

咕咕问

浏览 2059回答 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