Question

我想在我的html中使用背景图片（bg.png），但我希望调整该图片的大小，以便它始终填满整个页面。我是这样做的：

.stretch {
width:100%;
height:100%;}

#background {
width: 100%; 
height: 100%; 
position: fixed; 
left: 0px; 
top: 0px; 
z-index: -1; }

身体内部：

<div id="background">
<img src="bg.png" class="stretch">  
</div>

所以我现在在网站上使用CMS（e107），我想在我的html中使用背景，我改变了图片，但我不知道如何在css / php文件中使用它。

这是主题的css：

body 
{
font-size: 12px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 87%;
border-color: #39393b;
border-width: 0px;
border-style: solid;
color: #C0C0C0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #444440;
text-align: center;
background-image: url(images/bg.png);
background-repeat: repeat-x;
}

如何将此拉伸添加到此css中？

Answer 1

这可能是您正在寻找的

body { 
    background: url('images/bg.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
}

如何在body标签内调整html背景图片的大小

1 个答案: