0

私はcssでこれを達成したいときに問題があります：

  • 背景の画像-大丈夫です（jsfiddleには表示されません）
  • 影のようなものを作成するためのバックグラウンドの1つのdiv-それは大丈夫です
  • 他のすべてを鋭くすること。したがって、トース要素はシャドウプロパティの影響を受けてはなりません。-問題があります

「Shadowdiv」は属性の表示が修正されており、サイト上の他の要素の親ではありません。わからない、なぜこの不透明度プロパティが同じ位置にある他の要素に影響を与えるのですか？

短いHTMLコード：

<body>
    <div id="background"></div> 
    <div id="bodyBackground"></div>
    <div id="body">elements here looks darker</div>
</body>

JsFiddleリンク より短いJsFiddle

4

1 に答える 1

1

これは、に不透明度を設定したためですcontent。

#content {
    display: inline-block;
    margin-top: 45px;
    margin-left: 160px;
    padding-bottom: 30px;
    color: white;
    opacity:0.4;  <--- right here 
    filter:alpha(opacity=40); <--- and here 
}
于 2012-12-12T22:17:35.807 に答える