（转）HTML网页BODY中如何设置背景图拉伸的最有效方法

最新推荐文章于 2021-06-09 23:56:33 发布

Leon1509

最新推荐文章于 2021-06-09 23:56:33 发布

阅读量319

点赞数

分类专栏： DHTML 文章标签： html css

本文链接：https://blog.csdn.net/Leon1509/article/details/84009097

版权

DHTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

[url]http://www.mockte.com/rewrite.php/read-372.html[/url]


<body>
    <div id="bodybg"> 
        <img src="imgbg.jpg" class="stretch" alt="" /> 
    </div>
......
......
</body>

然后添加如下CSS:


#bodybg { 
    width: 100%;  
    height: 100%;  
    position: absolute;  
    left: 0px;  
    top: 0px;  
    z-index: 0; 
} 

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

很有效的方法！缺点：图片会变形。

优惠劵

Leon1509

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（转）HTML网页BODY中如何设置背景图拉伸的最有效方法

[url]http://www.mockte.com/rewrite.php/read-372.html[/url][code="html"] ............[/code]然后添加如下CSS:[code="css"]#bodybg { width: 100%; height: ...
复制链接

扫一扫