Javascript 如何在不更改同一div中其他元素的不透明度的情况下更改div的不透明度？

在我的标题div中，我想设置不透明度。75但是，我不想更改放置在div中的徽标的不透明度。每当我将不透明度设置为整个div时，它也会更改徽标的不透明度。在这方面有人能帮我吗？

试试这样：

div{
    background-color:rgba(0,0,0,.5);
}

---

您可以给每个div一个类，如下所示：

HTML

<div class="header">
    <div class="logo">Logo</div>
</div>

---

您可以看到一个示例。

这里是另一个使用透明png徽标的解决方案

HTML:

也可以将悬停效果更改为rgba css

.wrapper:hover {
    background:rgba(0,0,0,0.75);
}

或者使用1px png

.wrapper:hover {
   background:url("/path/to/transparent.png") repeat;
}

---

你能给我们提供当前的HTML和CSS吗？尽管并非每个浏览器都支持“RGBA”漏洞，但您可以使用该漏洞解决此问题。只需更改要淡入的内容的不透明度，而不是整个分区。这是不可能的，请将徽标放在其他容器中…如果您的徽标是透明png，则可以轻松完成此操作。我会看看我是否可以做一把小提琴。为了备用兼容性：尽管只有IE8不应该支持，我还是喜欢使用1px半透明png作为背景fallback@lharby：那的确很聪明。

.wrapper {
    cursor:pointer;
    transition:all 400ms ease-in;
}

.wrapper:hover {
   background:powderBlue;
    transition:all 400ms ease-in;
}

.wrapper img {
    width:100%;
}

.wrapper:hover {
    background:rgba(0,0,0,0.75);
}

.wrapper:hover {
   background:url("/path/to/transparent.png") repeat;
}