背景图片自适应整个页面CSS+DIV

最新推荐文章于 2024-07-24 09:41:52 发布

weixin_30799995

最新推荐文章于 2024-07-24 09:41:52 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/firstcsharp/p/9729251.html

本文详细介绍了如何使用CSS设置网页背景图片，包括背景大小、位置和重复等属性的使用方法，帮助读者掌握网页美化技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body style="overflow:hidden;">
    <div class="wrapper">
        <!--背景图片-->
        <div id="web_bg" style="background-image: url(/images/welcome.png);background-size:100% 100%"></div>
        <!--其他代码 ... -->
    </div>
</body>
</html>
<style>
    #web_bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        zoom: 1;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
    }
</style>