【CSS010】CSS課題:背景画像(繰り返さない)
<?xml version="1.0" encording="SHIFT-JIS"?> <!DOCTYPE html PUBLIC"-//W3C/DTD/XHTML 1.0 Transitional//EN""http://www.w3.org/1999/xhtml1-transitional.dtd"> <html xmls="http://www.w3.org/1999/xhtml" xml:lang="ja" lamg="ja"> <head> <title>【CSS10】CSS課題:背景画像(繰り返しなし)</title> <style type="text/css"> body { background-image: url(20120415210656.gif); background-repeat:  no-repeat; background-attachment: fixed; } h1 { font: "MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin: 20px 10px 0px 160px; } p { width: 380px; text: 10px; margin: 20px 10px 0px 160px; } </style> </head> <body> <h1>古池や蛙飛び込む水の音</h1> <p>芭蕉の「古池や蛙飛び込む水の音」の、連歌の発句として脇を予想したもとの形は「古池や蛙飛んだる水の音」でした。<br> 明らかに、「蛙飛んだる水の音」のほうが勢いがあり、連衆から脇句を引き出す挨拶の意味も込められていましたが、単独の文学作品としては、 「蛙飛び込む水の音」のほうが遙かに余情があるでしょう。<br> 明治以後、近代化された俳句が盛んになると共に、連歌は廃れてしまいました。しかし、近年連歌を巻く人が急激に増加しつつあるようです。<br> 発句には、何よりも連歌全体がそこから始まるという、共同製作の原点という面白さがあります。これまで、俳句だけを作ってこられた方に、是非とも、発句の面白さを経験して戴くために、発句の部屋を開設した次第です。</p> </body>
background-attachmentプロパティは、画面をスクロールする際、 背景画像をその位置に固定されたままにするか、スクロールに伴って移動するかどうかを指定します。
- fixed
背景画像の位置が固定され、スクロールしても動かなくなります。
- scroll
スクロールに伴って、背景画像も移動します。