2010-11-23 31 views
3

グラデーションと背景画像を同じdivに表示する方法はありますか?グラデーション+背景画像

グラデーション用とAlphaImageLoader用の2つのフィルタを使用して、唯一の方法で作業しました(しかし、ほとんどの場合)。もちろん、画像を配置することはできません。

背景画像とグラデーションフィルタを宣言すると、グラデーションのみが画像をレンダリングしないため、グラデーションフィルタは機能しません。

これには(できれば非js)解決策がありますか?

ない場合は、私は希望

+0

お気に入りの画像編集プログラムで作成したり、グラデーションと不透明度を持つ2つのディメンション、背景画像を持つ1つのディメンションを使用できます。 – Kyle

+0

ありがとう、それらは両方の可能な解決策ですが、私は1)不要なマークアップと2)巨大なPNG(1040x308 +)を使用することを避けようとしています。 –

答えて

6

...ほど素敵されていないだけでなくグラデーションの背景画像を使用してに頼る必要があるでしょうが、どちらかの違いの多くをすることはありません少し不必要なマークアップを追加することは、ここの悪のほうが少ないことです。いずれか、またはIEユーザーがグラデーションなしで生きるようにする。

多くの場合、デザインを動作させることは、セマンティクス、パフォーマンス、標準、およびピクセルの完全性のトレードオフです。その事実を受け入れることは難しかったですが、それは私をより良いフロントエンドの開発者にしました。私はより早く作業することができ、特定のケースで重要なメトリックについて決定することができます。

+3

IEユーザーが時代遅れでひどいデーモンブラウザを使い続けると、彼らは自分が使っているものを手に入れることに同意します。 – Kyle

+1

残念ながら、職場を維持したい場合に備えて、会社の環境ではオプションではありません。 – nottinhill

+2

@StephanKristynグラデーションが仕事を失うものなら、毒性のある環境のように聞こえます。 – Magnar