0

私はマスクであるdivを持っています。2番目のdivは、透明なマスクにカットする必要があります。背景色が緑の場合、divが緑になるようにします

<body style="background:green;">
<div style="position:fixed;width:100%;height:100%;background:red;z-index:501;"></div>
<div style="width:500px;height:500px;background:blue;position:absolute;z-index:502;"></div>
<!-- I want to make the second div in the body-color that is the green color -->
​

どういうわけか私を助けてくれませんか?ありがとう。http://jsfiddle.net/RYKFQ/2/

4

3 に答える 3

0

2 番目の div でボディの背景を表示する場合は、たとえば次のように使用できます。

body, div.second {background: url("some_image.png") 0 0 fixed}

ただし、これは単なるトリックであり、最初の div を透明にしません。

于 2012-05-18T09:01:28.740 に答える
0

シンプル: で置き換えbackground:blue;ますbackground:none;

それはまだdiv背景の前に置かれます。そこに何でも入れることができ、ブラウザは背景を透かして見せます。

于 2012-05-18T08:43:02.780 に答える
0

これはどうですか: 2 番目の Div で必要に応じて色の不透明度を設定します。不透明度を再生して、目的のマスキング効果を取得します。2 番目の div を、希望する背景色を持つ親 DIV に配置します。次のフィドルが役立つかもしれません。幸運を!

http://jsfiddle.net/meetravi/AFckr/

于 2012-05-16T13:50:18.747 に答える