如何在 Javascript DOM 中设置一个固定的背景图片?
要在 Javascript 中将背景图片设置为固定,请使用 backgroundAttachment 属性。它允许你设置一张不会滚动的图片。
示例
你可以试验运行以下代码,了解如何在 JavaScript 中使用 backgroundAttachment 属性 −
<!DOCTYPE html> <html> <body> <button onclick="display()">Click to Set background</button> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <p>Demo Text</p> <script> function display() { document.body.style.background = "url('https://tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top"; document.body.style.backgroundAttachment = "fixed"; } </script> </body> </html>
广告