2011-12-23 14 views
0

を除外し、私はこのコードをしようとしています:は、IMGの不透明度

<div id ="crop_image"> 
    <img class="one" src="http://www.dreamincode.net/forums/uploads/monthly_05_2010/post-380028-12747928967239.jpg.pagespeed.ce.yRppR_j7ae.jpg" /> 

</div> 

#crop_image:not(.one) { 
    width: 100%; 
    height: 100%; 
    background-color: red; 
    filter: alpha(opacity=20); /* internet explorer */ 
    -khtml-opacity: 0.2;  /* khtml, old safari */ 
    -moz-opacity: 0.2;  /* mozilla, netscape */ 
    opacity: 0.2;   /* fx, safari, opera */ 
} 

しかし、IMGは依然として不透明度を持っています。なにが問題ですか ?

demo

答えて

2

あなたが画像をオーバーレイする半透明のdivを取得することができますいくつかのトリック(inline-blockabsoluteポジショニングなど)をミキシング。

demo

+0

(改訂版)...これを試すことができます。 –

+0

私は訂正しました...決して簡単なことはありません。正確に何をしたいですか? – FakeRainBrigand

+0

可能かどうかわかりません。各要素の異なる不透明度(divとimg) –

0

私はあなたがそこに何をしようとしてわからないんだけど、それは.2にopactiyを設定している理由を私が説明することができます。

は、IDがcrop_imageであり、oneのクラスを持たない要素を意味します。 crop_imageを見ると、それ自体がoneというクラスにはならないので、これは一致します。 crop_imageには、.oneのクラスを持つ要素が含まれていますが、それはnotではありません。

+0

私が欲しいのは、画像の不透明度を取り除くことですが、#crop_imageをある不透明度で設定します。基本的に画像を除外したり、不透明度を設定します。1.意味することは分かりますか? –

+0

divをopactiy .2にしたいのですが、イメージを1にするには?あなたはそれを行うことができるとは思わない、あなたは部門から画像を削除する必要があります。 –

+0

はい、異なる不透明度です。 –

1

あなたは赤のdivは、いくつかの不透明度を持っている必要があり

#crop_image img:not(.one)