ブログの背景にグラデーションをつける方法（HTML）

2011/05/05 22:51

このQ&Aのポイント

HTMLのgradient関数を使用して、ブログの背景にグラデーションをつけることができます。ただし、この関数は一部のブラウザで機能しないことがあります。
機能しない場合は、別の方法でグラデーションをつける必要があります。例えば、CSSでlinear-gradient関数を使用することで、異なるブラウザでもグラデーションを実現することができます。
具体的には、backgroundプロパティにlinear-gradient関数を指定し、グラデーションの開始色と終了色を指定します。また、background-attachmentプロパティをfixedに設定することで、スクロールに関係なく背景にグラデーションを適用することができます。

cough404
お礼率89% (191/214)

ブログ
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

kiyoto-777
ベストアンサー率74% (133/178)

2011/05/07 05:02 回答No.1

・　bodyの場合縦長（ブラウザの最大の縦幅以上）で、横幅が、1px～3pxくらいのグラデーション画像を作って、全体背景(body)にbackground-repeat:repeat-x; （横に繰り返し）で配置すれば、色々なブラウザで表示できます。 body{ background-image:url(画像のＵＲＬ); background-repeat:repeat-x; background-attachment:fixed; } ・　ＩＥでは、線形グラデーションや円形グラデーション、方形グラデーションがありますが、あくまでＩＥ独自です。

質問者