【问题标题】:wrong use of background-image:url错误使用背景图片:url
【发布时间】: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。

标签: html image css url


【解决方案1】:

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

    background-size: 100%;

【讨论】:

  • 或背景尺寸:封面;
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多