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) 的高度似乎是问题所在,divContent 位于外部,因为第一个孩子已经 38px 高。如果将高度设置为自动,divContent 也会获取背景。

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

于 2012-10-13T13:13:21.913 回答