2

以下の chrome と firefox の html コードについて質問を受けました。

<div id="div1" align="left" style="width: 500px; height: 40px; color: grey; background-image: url("bgmageurl"); font-size: 20px; font-style: italic;"> <
div id="divContent" align="left" style="width: 100%; height: 100%; color: grey; background-image: inherit;"> </div>
 <div id="divButton" align="right" style="background-image: inherit; "> </div> 
</div>

同じ背景画像を子に表示しようとしています。というわけで継承を使ってみました。しかし、継承するだけで画像が再表示されますが、これは望ましくありません。同じ親画像を子 div タグにも引き延ばしたい。私は道を見つけることができません.何か考えはありますか? 助けてくれてありがとう

4

1 に答える 1

0

div1 (40px) の高さが問題のようです。最初の子の高さがすでに 38px であるため、divContent は外側にあります。高さを auto に設定すると、divContent も背景を取得します。

http://jsfiddle.net/willemvb/QMkfW/2/

于 2012-10-13T13:13:21.913 に答える