1

CSS スタイルの背景色と不透明度 0.7 の DIV があります。完璧に動作します。しかし...そのDIVタグの中にIMGタグがあります。私の問題は、IMG が DIV と同じ不透明度を取得することです。これは望ましくありません。IMG を非透過にしたいので、「不透明度: 1 !重要;」を設定してみました。IMG 用ですが、DIV としてはまだ半透明です。

誰でも助けてもらえますか？

4

3 に答える 3

6

これは常にすべての子要素に影響するため、不透明度を使用してこれを行うことはできません。代わりに div の背景としてrgba-colorを使用して(最新のすべてのブラウザーでサポートされています)、不透明度を除外することもできます。

background: rgba(0, 0, 255, 0.7); // 70% opaque blue
于 2012-04-13T10:30:59.150 に答える
4

こんにちは、親コンテナの背景の不透明度を増減でき、子コンテナには影響しないプロパティについて言及しています。cssを見るのは簡単です。基本的に、不透明度のために背景とアルファにRGBカラーを使用する必要があります。

background:rgba(146,146,146,0.1);

または例を参照してください:- http://jsfiddle.net/8LFLd/20/

于 2012-04-13T10:43:21.270 に答える
2

それを防ぐことはできないと思います。おそらく、divの外側にあるimgを使用して、そこにいくつかの厄介な位置を配置する必要があります。CSS。それはきれいではありませんが、うまくいくものは何でも。私はoeziのソリューションを好みますが、それはあなたがやりたいことと互換性がないかもしれません。もしそうなら、あなたは間違いなくoeziの解決策を使うべきです。

<div>
    <img src="" alt="">
    <div style="position: absolute;">
    Content
    </div>
</div>
于 2012-04-13T10:33:50.960 に答える