错误使用background-image:url

时间:2013-11-28 21:03:13

标签: html5 image css3 url

我有一个与css的background-image相关的问题:url() - 标记

我有这个:

<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;
}

图像是:
高度:1500px,宽度:3400px。

结果我得到图像的左上角显示在我的“容器”中(图像的其余部分缺失),我只是希望图像在此容器中调整大小,因此它应该是宽度:1000px和高度:300px,你知道为什么我有这个bug吗?

1 个答案:

答案 0 :(得分:1)

这可能会解决您的问题(插入#container CSS):

    background-size: 100%;