我想要这个标记:
<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上工作。不过没关系。你仍然可以建议。
答案 0 :(得分:2)
如果背景图片的大小为50x50像素,则显示的内容应该可以正常工作。如果div没有拉伸,请尝试向其添加
。
如果您需要调整背景图片,您确实需要引用具有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不重复;需要完整声明背景属性。或者你可以去背景图像,背景重复和背景位置。