我想在我的主页上设置封面图像。我加入以下代码css
我less
文件:css不能使用引导较少
background: url("../images/default-bg2.jpg") repeat scroll 0 0/100% 100% rgba(0, 0, 0, 0)
但它似乎并没有工作。
如何设置自适应封面图片?
注:我使用引导少。
我想在我的主页上设置封面图像。我加入以下代码css
我less
文件:css不能使用引导较少
background: url("../images/default-bg2.jpg") repeat scroll 0 0/100% 100% rgba(0, 0, 0, 0)
但它似乎并没有工作。
如何设置自适应封面图片?
注:我使用引导少。
也许尝试
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/
加入"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;
这是行不通的。 – 2014-11-21 05:41:47
background: url("../images/default-bg2.jpg") repeat scroll;
background-position:100% 100%;
请试试这个。
当我在浏览器上滚动时,图像也在Internet Explorer上滚动。我不想这个滚动图像 – 2014-11-21 05:44:43
如果我的问题得到了解决......这将是解决方案 background-attachment:fixed;它的工作原理是 – 2014-11-21 05:53:45
。我只是将背景'固定'改为'滚动' – 2014-11-21 06:10:05