div问题的背景属性

Question

我想要这个标记：

<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上工作。不过没关系。你仍然可以建议。

Answer 1

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

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

Answer 2

你必须完全重置div：

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

Answer 3

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