Javascript 在透明div中防止图像透明

您可以在此图像上看到我的问题：

正如您所看到的，div是透明的，它影响了其中的img es。 这是我的html代码：

<div id="cselect" style="position: absolute; top: 99px; left: 37px; display: block;">
    <div class="cnvptr">
        <img src="uploadfabrics/14606171783156.jpg" >
    </div>
    <div class="cnvptr">
        <img src="uploadfabrics/16292373497271.jpg" ></div>
    </div>

我用class

cnvptr

在每个图像周围放了一个div，它有黑色背景，但不起作用

如何使图像背景不透明

---

谢谢

您可以改用rgba：

background-color: rgba(0, 0, 0, 0.5);

#cselect{
填充：15px；
宽度：90%；
填充：2%；
背景：黑色；
位置：相对位置；
背景色：rgba（0,0,0,0.5）；
}
.cnvptr{
背景：黑色；
不透明度：1！重要；
宽度：自动；
显示：内联块；
}

---

改用rgba背景色，并且不要更改div的不透明度

 #cselect {
    background:rgba(0,0,0,.5);
    opacity:1;
 }

注意

rgba（0,0,0,5）将有兼容性问题

检查

另一种解决方案可以是：
在您的情况下，这将不起作用，您必须更改
HTML
结构，也就是说，将内部div置于
id=“cselect”
之外

HTML

<div id="parent">
    <h2>Hello World!</h2>
    <div class=”tp-bg”></div>
</div>

这里是另一个关于修复的博客。
删除
不透明度：0.5
…？你能把它放在一个代码笔/小提琴里，这样我们就可以很容易地看到和测试你的问题吗？我的答案有什么不同？我回答时你的答案没有公布：PIs一分钟后，但现在还可以；）
<div id="parent">
    <h2>Hello World!</h2>
    <div class=”tp-bg”></div>
</div>

.tp-bg
{
    background: #000;
    height: 80px;
    width: 100%;
    opacity: 0.3;
}