CSS背景100％问题

我还是一个初学者，对于CSS来说，我一直在让自己的背景充满年龄问题。我知道contain和cover不会帮助我，但即使像background-size和width和height命令都没有帮助。CSS背景100％问题

body { 
    background-image:url(X.png); 
    background-repeat:no-repeat; 
    width:100%; 
    height:100%; 
}

来源

2015-09-04 James Plen

不，它不会'覆盖'只扩展图像，不扩展它 –

为了在'background-size'上工作的百分比，你需要给'html {height：100％}'，这样主体可以继承它的高度。 [喜欢这个例子]（https://jsbin.com/vayizi/edit?html,css,output） – misterManSam

是的，我需要一天分钟高度= 100％ –

-1

尝试添加下面这些样式：

min-width: 100%; 
min-height: 100%; 
width: 100%; 
height: 100%; 

background-size: cover; 
-ms-background-size: cover; 
-o-background-size: cover; 
-moz-background-size: cover; 
-webkit-background-size: cover;

它应该工作，请检查我的jsfiddle链接： http://jsfiddle.net/chris_poetfarmer/9xa35pwp/

来源

2015-09-04 08:09:41 Chris

它工作！谢谢 –

这个答案是一个巨大的moonshot。 ''background-size：cover' [非常支持]（http://caniuse.com/#feat=background-img-opts），并且不再需要前缀，'min-height：100％'和'身高：100％'不是都需要，只有一个或另一个取决于你想要达到什么目标，并且'width：100％'和'min-width：100％'完全不需要，因为html和body已经占用100％的宽度。这在[这里的例子]（https://jsbin.com/wuzura/edit?css,output）中演示，只需要'html {height：100％}'。 – misterManSam

使用html，而不是身体。 cover应该可以工作，但它可能取决于浏览器的行为方式，例如，如果浏览器基于mozilla，则可能需要使用-moz-background-size:cover。

来源

2015-09-04 08:10:55 bilpor

CSS背景100％问题

回答

相关问题