background-attachment與background-position 的問題
阿新 • • 發佈：2018-09-06
inf dal div margin eight 解決 att fixed png
background-attachment:fixed | scroll
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>練習 1</title> <style> body{ margin: 0; } .backgroundCss{ width: 400px; height: 600px;border: 1px solid indianred; background-color: blanchedalmond; background-image: url(‘img/background.png‘); background-repeat: no-repeat; background-position: right 100px; background-attachment: fixed; } </style> </head> <body> <div class="backgroundCss"></div> </body>
效果：
理想效果為：
更改background-attachment:scroll即可解決。
background-attachment與background-position 的問題