让网页背景图片固定，不随缩小放大而变化

最新推荐文章于 2024-08-28 09:53:19 发布

见面时的呼吸都曾反复练习

最新推荐文章于 2024-08-28 09:53:19 发布

阅读量1.3w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript积跬步至千里文章标签：背景固定

本文链接：https://blog.youkuaiyun.com/wstpa/article/details/48395117

JavaScript积跬步至千里专栏收录该内容

39 篇文章

订阅专栏

最近在百度首页，缩小放大时，发现背景图片一直保持不变，只是内容在变化，看看了源码，才知道怎么回事。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    * {margin: 0;padding: 0}
    #main {position:absolute;left:0;top:0;width: 100%;height: 100%;background: url(a.jpg) center 0 no-repeat; background-size: cover;background-attachment: fixed;}
    #main div {width: 1200px;height: 150px; background: red;margin: 10px auto}
    </style>
</head>
<body>
    <div id="main">
        <div>1111111111111111111</div>
    </div>
</body>
</html>