online Editor
background-attachment | Background - CSSリファレンス
background-attachment - CSSのbackground-attachmentプロパティのサンプルです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> <style> div{ width:200px; height:200px; margin:100px auto; color:white; background-image:url(http://www.webcreativepark.net/sample/images/100x100.gif); overflow: scroll; } #scroll{ background-attachment: scroll; } #fixed{ background-attachment:fixed; } #local{ background-attachment:local; } </style> </head> <body> <div id="scroll">scroll<br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> <div id="fixed">fixed<br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> <div id="local">local<br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> </body> </html>
HTMLを反映する >>
タグ:
background-attachment
CSS
CSS3