+ -
当前位置:首页 → 问答吧 → 关于设置背景图片的问题。

关于设置背景图片的问题。

时间:2011-03-26

来源:互联网

有一个div框里想放一张背景图片,希望图片能够自动调整大小,撑满整个框。
请问用什么实现比较好。

我用background命令,不会自动调整大小。

作者: Raffin   发布时间: 2011-03-26

用img元素加载图片,重叠在div下面,模拟背景。

作者: dalmeeme   发布时间: 2011-03-26

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
#div1 {
    float:left;
    width:800px;
    height:500px;
    color:red;
    font-size:36px;
    border:2px solid blue;
}
#img1 {
    float:left;
    position:relative;
    margin-left:-802px;
    margin-top:2px;
    width:800px;
    height:500px;
    display:block;
    z-index:-1;
}
</style>
<script>
</script>
</head>
<body>
<div id="div1">你好,大家一起学网页制作。</div>
<img id="img1" src="2.jpg"/>
</body>
</html>

作者: dalmeeme   发布时间: 2011-03-26

<body background="#" width="大小" height="大小"></body>
"#"为背景地址

作者: boy_wang   发布时间: 2011-03-26

引用楼主 raffin 的回复:
有一个div框里想放一张背景图片,希望图片能够自动调整大小,撑满整个框。
请问用什么实现比较好。

我用background命令,不会自动调整大小。


img 是可以实现,但是麻烦了些

一般都是用background:url(图片地址) 0px 0px repeat-x; repeat-x就是指横向重复。这个属性是最重要的。repeat-y就是纵向重复了。

作者: Shalves   发布时间: 2011-03-26

热门下载

更多