相关疑难解决方法(0)

我不想从CSS中的父级继承子不透明度.

我有一个div是父,我在第一个div里面有另一个div,就是孩子.

我想在父div中设置opacity属性,但我不希望子div继承opacity属性.

我怎样才能做到这一点？

与如何使用CSS为文本或图像提供透明背景相关？,但略有不同.

我想知道是否可以更改背景图像的alpha值,而不仅仅是颜色.显然我可以用不同的alpha值保存图像,但我希望能够动态调整alpha.

到目前为止,我得到的最好的是:

<div style="position: relative;">
    <div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;
                      background-image: url(...); opacity: 0.5;"></div>
    <div style="position: relative; z-index: 1;">
        <!-- Rest of content here -->
    </div>
</div>

它有效,但它体积庞大,丑陋,并且在更复杂的布局中混乱.

我想知道"如何在不改变div内容的情况下改变背景图像的不透明度？"

我搜索得太多了,我找不到解决这个问题的好答案!

HTML

<div class="div-1">
    <h2>title</h2>
    <p>text</p></div>

CSS

.div{
position:relative;
width:200px;
height:200px;
float:left;
color:white;
background:#7a8586 url('url') no-repeat local right;
overflow:hidden;
text-align: justify;
font-family:arial;
font-size:14px;}