【发布时间】:2013-12-14 23:56:59
【问题描述】:
我有一个关于 css 的 background-image:url()-tag 的小问题
我有这个:
<div id="container">
</div>
在css中:
#container{
background-image:url('path/to/image');
width: 1000px;
padding: 25px;
margin: 100px auto 0 auto;
min-height: 300px;
border:1px solid blue;
}
图片是:
高度:1500 像素和宽度:3400 像素。
结果我的“容器”中显示了图像的左上角(图像的其余部分丢失),我只想在这个容器中调整图像的大小,所以它应该是宽度:1000 像素和高度: 300px,你知道我为什么会有这个bug吗?
【问题讨论】:
-
您实际上是在修改容器的大小。不要使用背景图像,而是使用 img 标签,并修改特定于该元素的 css。