2012-03-03 23 views
13

Hala doğrusal gradyan özellik için tarayıcı öneklerini kullanmam gerekir mi?Tarayıcı ön eki hala doğrusal gradyan için gerekli mi?

background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
    background-image: -moz-linear-gradient(top, #2F2727, #1a82f7); 
    background-image:  -ms-linear-gradient(top, #2F2727, #1a82f7); 
    background-image:  -o-linear-gradient(top, #2F2727, #1a82f7); 

Sadece en yeni tarayıcı sürümlerinin desteğini istiyorum. Takip ettim ama işe yaramadı. Haziran 2017 olarak Can I use göre

background-image: linear-gradient(top, #2F2727, #1a82f7); 
+10

Yanıt açık değil mi o zaman? – BoltClock

+0

http://caniuse.com/css-gradients –

+0

olası bir kopyası [Bir CSS3 özelliği için satıcı öneklerini güvenle atabildiğimde nasıl öğrenebilirim?] (Http://stackoverflow.com/questions/9211602/how- -s-bul-out-i-can-güvenli-bırak-satıcı-önek-için-css3-özellik) ve [Standart dışı/tarayıcıya özgü CSS satıcı öneklerini artık kullanmak zorunda mıyız?] (http://stackoverflow.com/questions/9401830/do-we-have-to-use-non-standard-browser-specific-css-anymore) (artı bağlantılı bazı benzer sorular) – BoltClock

cevap

8

, internet kullanım 93.75% öneksiz doğrusal gradyanlar (ABD'de% 97.2) destekleyen bir tarayıcı üzerindedir. Çoğu insan için bu, artık gradyanlarınızı önceden eklemenize gerek olmadığı anlamına gelir.

  • IE v10, Eylül 2012
  • Firefox v16, serbest Ağustos 2012
  • Krom yayınlandı: Aşağıda

    enter image description here

    en yaygın masaüstü tarayıcılar için ilk uyumlu sürümü ve çıkış tarihi ise v26, Şubat 2013'de yayınlandı
  • Safari v6.1, Ekim 2013'de yayımlandı
  • Opera 12.1, Can I use mevcut Kasım 2012

(mobil tarayıcılar dahil) diğer tarayıcıların uyumluluk tarihine ilişkin bilgiler olduğunu yayınladı.

0

Aşağıdaki örnek

 background: rgb(238,238,238); /* Old browsers */ 
    background: -moz-linear-gradient(-45deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */ 
    background: linear-gradient(-45deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1); /* IE6-9 fallback on horizontal gradient */ 

doğrusal gradyan basit önekleri ötesinde daha fazla olduğunu göstermektedir. Örneğin, IE'de çalışan bir önek ve DXImageTransform nesnesini gerektirir. Bu nedenle, linear gradient, öneklerin ötesinde bazı ekstra çalışma gerektiren bir SVG özniteliğidir. önekleri olmadan

linear-gradient 

ve IE10 + yanı sıra Safari, Chrome ve Firefox'un güncel sürümleri tarafından desteklenecektir: