CSS:将图像拉伸至100%宽度

大家好,我正在尝试将我身边的背景放在适合宽度的位置。 我只能在互联网上找到大的解决方法。 有没有一个单一的命令呢?

body {
    background-image: url(money.jpg); 
}

感谢您的答案。 Doonot


使用如下所示的背景大小,

body {
  background-image: url(money.jpg) no-repeat;
  background-size: 100%;
}  

一些有用的链接:

  • 缩放背景图像样式
  • 拉伸和缩放CSS图像背景 - 仅限CSS

  • 如果你有一个CSS3浏览器,你可以使用background-size (阅读关于背景大小的更多信息):

    body {
        background-image: url(money.jpg); 
        background-size: 100%;
    }
    

    不幸的是,这在IE 6-8中不起作用。 IE 9,Firefox,Chrome,Safari它会正常工作。

    链接地址: http://www.djcxy.com/p/89229.html

    上一篇: CSS: Stretching image to 100% width

    下一篇: size:100% 100%; doesn't work properly in Chrome