Question

我在下面的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>

我正在尝试将相同的bg图像显示给孩子。这就是我尝试使用继承的原因。但继承只是再次重新显示图像，我不想要。我希望将相同的父图像拉伸到子div标签。我无法找到方法。有什么想法？在此先感谢您的帮助

Answer 1

div1（40px）的高度似乎是问题，divContent位于外面，因为第一个孩子已经是38px高。如果将height设置为auto，则divContent也会获得背景。

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

儿童div上的背景图像标记在Chrome和Firefox上

1 个答案: