質問

私は現在のFirefox 3.61、クローム/サファリ、おそらくOpera10.5(GNU / Linuxの上では実行されません)によってサポートされているCSSで複数の背景を、使用したいです。しかし、私は背景として、線形グラデーションを使用したい、正常に動作しています。それは、FirefoxのためのOK働くクロムとまったく仕事をしない、まだ私はそれは同時に両方ののために働くようにする方法を見つけ出すことはできません。の。 任意の手がかり? http://snook.ca/archives/html_and_css/multiple-bg-css-最も近く来たの勾配は私が必要なものと一致することが、私はまだクロームで動作するようにそれを得ることができませんでした。

役に立ちましたか?

解決 2

これは私のために働きました。 WebKitの落札後のmozillaを配置する背景画像と解除その古い宣言の二番目のパラメータの存在を認めるWebKitのようです。だから私は、-webkit前-moz宣言を配置することだ。

  background-image: url("../images/block_stripe_bg.png"); /* for older browsers */
  background-image: url("../images/block_stripe_bg.png"), -moz-linear-gradient(center top, white, #dddddd); /* works for mozilla, ignored by other browsers */
  background-image: url("../images/block_stripe_bg.png"), -webkit-gradient(linear, center top, center bottom, from(white), to(#dddddd)); /* works for webkit, ignored by other browsers */
  background-repeat: repeat; /* older browsers */
  background-repeat: repeat, no-repeat; /* newer browsers should apply this to both backgrounds*/

他のヒント

私は肯定的ではないんだけど、私の推測では、クロムはまだそれをサポートしていないということです。一つの要素に背景画像とCSSグラデーション複数の確認音の素敵なものの、私はまだ1枚の背景画像それぞれに複数の要素を使用することをお勧めします。何らかの理由で、すべてのフレンドリーなCSS3ではありませんIEを使用してそこに人が残っています。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top