1

2つのdivがあり、外側のdivに.1の不透明度を指定し、次に、親コンテナの不透明度プロパティを継承してはならない内側のdivがあります。しかし、これを回避するために私が行ったことは、az -indexプロパティ（子要素の上位）を追加することでしたが、機能しません。子divが親コンテナの不透明度プロパティを継承しないようにするにはどうすればよいですか？

<!DOCTYPE HTMl>
<html>
    <head>  
        <style type="text/css">
            #outer{width:500px;height:400px;background:#000000;border:1px solid red;opacity:.1;z-index:1}
            #inner{width:450px;height:350px;background:#ffffff;margin: 0 auto;margin-top:20px;z-index:2}

        </style>
    </head>
    <body>
        <div id="outer">
            <div id="inner">
            </div>
        </div>
    </body>
</html>
4

1 に答える 1

2

rgbaプロパティを使用してこれを機能させることができます。たとえば、以下が機能するはずです。

<!DOCTYPE HTMl>
<html>
    <head>  
        <style type="text/css">
            #outer{width:500px;height:400px;background:#000000;border:1px solid red;background:rgba(255,0,0,0.5);}
            #inner{width:450px;height:350px;background:#ffffff;margin: 0 auto;margin-top:20px;background:rgba(255,0,0,1);}

        </style>
    </head>
    <body>
        <div id="outer">
            <div id="inner">
            </div>
        </div>
    </body>
</html>
于 2012-07-22T04:44:23.493 に答える