W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <style> body { background: #f3f3f3 url('/i/pic/tree.png') no-repeat right top; } </style> <body> <h1>HTML Style 对象</h1> <h2>backgroundAttachment 属性</h2> <p>请在单击按钮之前和之后滚动页面。</p> <p>如果滚动条不可用，请尝试调整窗口大小。</p> <button onclick="myFunction()">设置要固定的背景图像</button> <br> <script> function myFunction() { document.body.style.backgroundAttachment = "fixed"; } </script> <p>一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> 一些启用滚动的文本.. <br><br><br><br> </p> </body> </html>