 Re: グラデーション背景をページのフルサイズでの表示方法について ( No.1 ) |
- 日時： 2009/06/16 09:32
- 名前： 酒
- 文章じゃ全然原因がわからないので、やってみたソースのうｐを。HTMLとCSSの両方。
ついでに情報足りなさすぎるので補足を。
・ブラウザの種類は何か。複数のブラウザで試してみたか。
・モニタサイズというかブラウザサイズいくつだい。
・「背景画像を垂直100%（に拡大）」っていうのはそもそも無理。
（現在策定中のCSS3ならできるが、先行実装のみなので割愛）
・「背景画像を縦に繰り返す（repeat）」ならまだわかる。
・「余白」はどのくらいの幅か。
グラデーションの終端の色をbackground-colorで指定するのが常套手段だろうか。縦2pxだから、斜めにグラデーションかけてるってことはないだろうし。ただしソースがないので勘。
|
| Re: グラデーション背景をページのフルサイズでの表示方法について ( No.2 ) |
- 日時： 2009/07/07 18:00
- 名前： 通りすがり2
- 横1000px×縦2pxのグラデーション画像を垂直に繰り返しても、PCスクリーンは横1024px×縦768px（一般的サイズ）なので、24px分だけ余白が出来てしまうわけです。
だからと言って、水平方向に繰り返すと、右余白にグラデーション画像の左端が見えてしまいます。
結果として、市販されているPCの、1番大きいスクリーンに合わせたグラデーション画像を挿入するのが間違いない選択方法かもしれません。
<style>
<!--
body{background-image:url(image.gif);
background-repeat:repeat-y;
}
-->
</style>
ってな感じ！
|
| - ( No.3 ) |
- 日時： 2011/12/06 22:12
- 名前： d251.osa20nn1fm11.vectant.ne.jp
- #SPAM
|
| - ( No.4 ) |
- 日時： 2012/06/16 23:53
- 名前： 7c294cd1.i-revonet.jp
- #SPAM
|
この質問記事は取消希望されています。
グラデーション背景をページのフルサイズでの表示方法について
