如何设置全宽背景图像

时间：2014-01-31 07:37:33

标签： css image background setting

我想像这张图片一样设置背景（必须响应）

enter image description here

但是当我应用它时看起来像这样并且裁剪下面的部分。

https://dl.dropboxusercontent.com/u/180176008/test1/index.html

请有人帮助我吗？

2 个答案:

答案 0 :(得分：2)

试试这样：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

阅读this arcticle

答案 1 :(得分：0)

尝试以下示例。

<强> HTML 

<body class='imgclass'>
    <b>Test page</b>
</body>

<强> CSS 

.imgclass{
    background-size:cover;
    background-image:url("https://dl.dropboxusercontent.com/u/180176008/test1/Home-Page.jpg") ;

}

我希望它可以帮助你Fiddle

相关问题
最新问题