div问题的背景属性

时间:2011-10-19 15:45:15

标签: html

我想要这个标记:

<div style="background:url('Untitled.jpg');height:50px;width:50px;"></div>

表现为此标记:

<img src="untitled.jpg" width="50" height="50"/>

2之间的区别在于div不适合整个图像。如果完整图像无法放入容器内,它就会裁剪它。然而,我们知道的img标签显示完整的图像。它缩小图像但完全显示出来。

如何在css的background属性中实现div中的相同功能?如果可能的话,请不要建议css3,因为我需要这个在IE8上工作。不过没关系。你仍然可以建议。

3 个答案:

答案 0 :(得分:2)

如果背景图片的大小为50x50像素,则显示的内容应该可以正常工作。如果div没有拉伸,请尝试向其添加&nbsp;

如果您需要调整背景图片,您确实需要引用具有background-size属性的CSS3。

答案 1 :(得分:1)

你必须完全重置div:

<div style="border: 0; margin: 0; padding: 0; background: url('Untitled.jpg'); background-size: 100%; width: 50px; height: 50px;"></div>

答案 2 :(得分:0)

background:url(“untitled.png”)0 0不重复;需要完整声明背景属性。或者你可以去背景图像,背景重复和背景位置。