0

たとえば opacity:0.5 を持つ div を作成する必要があります。この内部は透明ではない別の div になります。私はこれを理解することはできません。内側の div の z-index を外側の div より高く設定しても、すべてが透過的です。今、私はこのように得ました：

<div id="outter" style="opacity:0.5; z-index:-1">
    <div id="inner" style="opacity:1; z-index:1">
        <img src="someImg.jpg" />
    </div>
</div>
4

3 に答える 3

0

opacityすべての子に継承されるため、このシナリオではあまり役に立ちません。より良いオプションは、rgba色を使用することです。したがって、たとえば、外側の div の色を次のように設定できます。

.outer {background: rgba(0,0,0,0.1);}

... 等々。

他の唯一のオプションは、これに固執する場合はopacity、内側の div をコンテナーの外側に配置し、.outerdiv の上に再配置することです。(それを行うには、両方を別のコンテナーにラップしposition: relative、それに対して内側の div を絶対に配置する必要があります。)

于 2013-05-27T11:08:22.043 に答える