忽然发现background-attachment:scroll不起作用

发布于
2018-10-19

不是说background-attachment:scroll是背景图片随页面的其余部分滚动么。为什么下面的代码拉着滚动条时，背景图片是固定的
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #test{
                width: 400px;
                height: 400px;
                background-image:url(https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1170950161,2411404899&fm=173&app=25&f=JPEG?w=218&h=146&s=11E441A7520B2CE46C8C0DB90300E013);
                background-repeat:no-repeat ;
                background-attachment:scroll ;
                overflow: auto;
            }
        </style>
    </head>
    <body>
        <div id="test">
            1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>1 <br>
        </div>
    </body>
</html>

css

阅读 4.2k

2 个回答

得票最新