2014-11-21 58 views
1

我想在我的主页上设置封面图像。我加入以下代码cssless文件:css不能使用引导较少

background: url("../images/default-bg2.jpg") repeat scroll 0 0/100% 100% rgba(0, 0, 0, 0) 

但它似乎并没有工作。

如何设置自适应封面图片?

注:我使用引导少

回答

1

也许尝试

background: url(../images/default-bg2.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

更多信息 http://css-tricks.com/perfect-full-page-background-image/

+0

当我在浏览器上滚动时,图像也在Internet Explorer上滚动。我不想这个滚动图像 – 2014-11-21 05:44:43

+0

如果我的问题得到了解决......这将是解决方案 background-attachment:fixed;它的工作原理是 – 2014-11-21 05:53:45

+0

。我只是将背景'固定'改为'滚动' – 2014-11-21 06:10:05

0

加入"background-size:cover;"到CSS应该工作。

请试试这个:

背景:网址( “youimage.png”)固定不重复中心中心;

-webkit-background-size:100%auto;

-moz-background-size:100%auto;

-o-background-size:100%auto;

background-size:100%auto;

+0

这是行不通的。 – 2014-11-21 05:41:47

0
background: url("../images/default-bg2.jpg") repeat scroll; 
background-position:100% 100%; 

请试试这个。