ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ
スポンサーサイト（詳細）

質問
QNo.4025725 CSSで背景にグラデーション
質問者：rqg2010 お世話になります。
CSSを用いて背景にグラデーションをかけようと苦心しています。
filter:alpha(opacity=100, finishopacity=0, style=1);
で、グラデーションはかかるのですが、
そのタグ内の文字までグラデーションがかかってしまいます。
また、この方法ですと、Firefoxでは、グラデーションがかかりません。
Yahooのページ
​http://www.yahoo.co.jp/​
では、背景画像を使わないでグラデーションをかけていると思うのですが、どのようにすればこのようなことができるのでしょうか。
よろしくお願いいたします。
困り度：
  • 困っています
質問投稿日時：
08/05/16 04:08
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答良回答10pt
ANo.2 filter: progid:DXImageTransform.Microsoft.Gradient
(StartColorStr=#999999, EndColorStr=#ffffff, GradientType=0)


上記の記述を試してみて下さい。
"StartColorStr"と"EndColorStr"でグラデーションにしたい2色を指定します。
"GradientType"でグラデーションの方向（縦・横）を指定します。
"0"が縦で、"1"が横です。好みで変えてみてください。

また、No.1の方がおっしゃっているように、これはIE独自のものです。
他のブラウザの事を考えると、画像を背景指定する方がいいと思います。
回答者：mullen0213
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：
08/05/16 15:44
この回答へのお礼mullen0213さん、お早うございます。
＞他のブラウザの事を考えると、画像を背景指定する方がいいと思います。
わかりました。そのようにします。
貴重なご意見ありがとうございました。

回答良回答20pt
ANo.1 yahooは画像使ってますよ。
セレクタがまとめられてるので分かりづらいだけだと思います。

filterはIEの独自拡張プロパティなのでIE以外のブラウザではスルーされます。
画像なしで背景のグラデーションはPHPなら出来なくもないんですが、CSSでは不可能です。

一般的にグラデーション背景にする場合は横幅が狭く縦に長い画像をrepeat-xして表現します。
回答者：tenderfeel
種類：回答
どんな人：経験者
自信：自信あり
回答日時：
08/05/16 11:34
この回答へのお礼tenderfeelさん、お早うございます。
＞yahooは画像使ってますよ。
もう一度調べなおしたら、使っていることがわかりました。
どうもありがとうございました。
最新から表示｜回答順に表示｜良回答のみ表示
スポンサーサイト（詳細）
このページのトップへ