W3Schools 在线编辑工具（TIY） V3.0
编辑的代码:
运行代码 »
©
w3s.com.cn
<html> <head> <style type="text/css"> body { background-color:#FFCC80; background-image:url(/i/eg_bg_desert.jpg); background-repeat:no-repeat; background-attachment:fixed; } </style> <script type="text/javascript"> function changePosition() { document.body.style.backgroundPositionX="right"; } </script> </head> <body> <input type="button" onclick="changePosition()" value="Change background-image's x-position" /> <p><b>Note:</b> For this to work in Mozilla, the background-attachment property must be set to "fixed".</p> </body> </html>