背景图像拉伸

我想伸展背景图像匹配屏幕背景图像拉伸

body { 
    margin-left: auto !important; 
    margin-right: auto !important; 
    width: 80%; 
    background-image: url(hola.jpg); 
}

我试图把background-size: 1500px 1500px;和固定的大小。

我如何做到这一点，并自动为所有页面的决议？

来源

2013-11-03 Ninjacu

看看css-tricks：[Perfect Full Page Background Image]（http://css-tricks.com/perfect-full-page-background-image/）。顺便说一下，你只能使容器AFAIK的背景大，所以'width：80％'会成为问题。 –

使用此，如果您<body>没有覆盖整个窗口应该甚至工作：

background-attachment: fixed; 
background-size: 100%;

（来源：https://developer.mozilla.org/en-US/docs/Web/CSS/background-size：

<percentage>
可以扩展的背景A值背景定位区域的指定百分比的相应尺寸，由background-origin的值决定[...]如果背景的附件是固定的，背景定位电离区域是浏览器窗口的整个区域，不包括滚动条所覆盖的区域（如果存在的话）。 [...]

来源

2013-11-03 15:15:05

background-size:cover; 
background-position:50% 50%;

Not compatible with IE8 and lower，你来决定你是否需要现在IE11已经脱离支持这些。

来源

2013-11-03 15:15:28

背景图像拉伸

回答

相关问题