背景大小不适合元素

我试图使用CSS3背景大小来适合页面高度的背景，但它只适用于宽度，但不适用于高度。背景大小不适合元素

我打算让这个背景图像适合100％的页面宽度和高度，即使在打破它的比例时，我也没有看到问题，因为我使用background-size：100％100％;和

The percentage is relative to the width or height of the area given by 'background-origin'

（任何背景，出身值改变不了什么）

我需要了解为什么我不能使背景的高度，以适应<body>一些提示？我怎么能这样做？

这里是我的CSS的一部分：

html { 
    height:100%; 
    min-height:100%; 
} 
body { 
    min-height:100%; 
    margin:0; 
    padding:0 2em; 
    background:#474747 url(../images/bg.jpg) 100% 0 no-repeat; 
    background-size:100% 100%; /* raaaaaah */ 
    font-family:Cambria,serif; 
    min-width:910px; 
    position:relative; 
}

提前感谢！

编辑：您可以http://matthecat.com/v2/blog.html

来源

2011-03-30 MatTheCat

签出此页面的源代码测试... http://www.cssplay.co.uk/layouts/background.html

来源

2011-03-30 13:21:43 Jmoney38

我不能使用固定的背景，因为滚动发生滞后。 – MatTheCat 2011-03-30 13:23:08

我认为你是在复杂化。我不知道所有其他的CSS代码是什么。我不认为有些人甚至做了任何事情。

body { 
    background:#474747 url(http://www.cssplay.co.uk/layouts/rabbit.jpg); 
    background-size:100% 100%; 
}

这段代码适合我。

我不确定你为什么要这么做。有更好的方法来设置你的页面的背景。您可以使用background-repeat:repeat-y作为bg切片来填充顶部，并使用混合到bg颜色的渐变图像（＃474747）。或者如果它是一个纹理，你可以做一个完整的重复。你想用什么样的图像？

来源

2011-03-30 13:47:59 zdkroot

我觉得一个链接丢失^^你可以在这里测试：http://matthecat.com/v2/blog.html – MatTheCat 2011-03-30 13:51:45

从html选择器中删除“高度：100％”，问题解决:) – zdkroot 2011-03-30 13:56:43

我正在使用兔子图片从另一个例子来测试:) 另外，你应该看看Firebug。如果您使用这两种浏览器（您应该），那么既有Firefox又有Chrome版本。它可以让你在浏览器中使用html/css更改。 Chrome实际上有一个内置的检查器，工作得很好，但我更喜欢Firebug。 – zdkroot 2011-03-30 14:01:09

背景大小不适合元素

回答

相关问题