ایجاد گرادینت برای متن سازگار با همه ی مرورگر ها

[ravand]

سلام
من میخوام به متن گرادینت بدم طوری که با همه ی مرورگر ها سازگار باشه.

h1 {

  font-size: 72px;

  background: -webkit-linear-gradient(#eee, #333);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

با کروم فقط سازگاره با دیگر مرورگر ها سازگار نیست.
متشکرم.

[پیام حیاتی]

سلام
این پیش کدها رو هم اضافه کن :

-moz

-o

-ms

[ravand]

نمیدونم چرا هر چی پست ارسال میکنم پاک میشه!
منظور شما این روش هست؟

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 
  background: -moz-linear-gradient(#eee, #333);
  -moz-background-clip: text;
  -moz-text-fill-color: transparent; 
 
  background: -o-linear-gradient(#eee, #333);
  -o-background-clip: text;
  -o-text-fill-color: transparent;
 
  background: -ms-linear-gradient(#eee, #333);
  -ms-background-clip: text;
  -ms-text-fill-color: transparent; 
}

من اینو تست کردم ولی فقط با کروم سازگاره.

[ravand]

این روش با همه ی مرورگر ها سازگار بود:
http://stackoverflow.com/questions/8...ckground-image