取消希望の記事
2009/06/16 04:50
題:グラデーション背景をページのフルサイズでの表示方法について
名:初心者K
ID:W0ZQuXG1UOb.
はじめて質問いたします。HP作成初心者でCSSの設定やその他てこずってます(;_;)すみません、教えてください。背景の画像をグラデーションで作成しました(サイズ:横1000px縦2px)これをスタイルスタイルシートの設定で垂直100%にして表示したところ右側に余白ができてしまします・・・・・4方向マージン?を0にして・・とやっても右側に余白ができてしまうのですがこれを防ぐ方法は何かありませんでしょうか?初心者の質問ですみません。是非教えてください。宜しく御願いします。
メンテ
No.1 2009/06/16 09:32
名:酒
文章じゃ全然原因がわからないので、やってみたソースのうpを。HTMLとCSSの両方。ついでに情報足りなさすぎるので補足を。・ブラウザの種類は何か。複数のブラウザで試してみたか。・モニタサイズというかブラウザサイズいくつだい。・「背景画像を垂直100%(に拡大)」っていうのはそもそも無理。 (現在策定中のCSS3ならできるが、先行実装のみなので割愛)・「背景画像を縦に繰り返す(repeat)」ならまだわかる。・「余白」はどのくらいの幅か。グラデーションの終端の色をbackground-colorで指定するのが常套手段だろうか。縦2pxだ...
全文 メンテ
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
名:ぷぅにゃん
騎乗位だけで月100万(ノ゚Д゚)ノシ☆
メンテ
No.4 2012/06/16 23:53
名:美
レベルの高い女の子います(*´ェ`*)
メンテ
返信フォーム