SORU
14 EKİM 2010, PERŞEMBE


Internet Explorer 9 geçişlerini

Herkes 9 içinde geçişlerini satıcı öneki biliyor mu, yoksa hala proprietry filtrelerini kullanarak olmamız gerekiyor?

Diğer tarayıcılar için var:

background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4 , Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */

Bir bonus gibi herkes Opera satıcı öneki de biliyor musun?

CEVAP
1 HAZİRAN 2011, ÇARŞAMBA


Partiye biraz geç kaldım gibi görünüyor, ama burada en üst tarayıcılar için bir örnek:

/* IE10 */ 
background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #444444 0%, #999999 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #444444 0%, #999999 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #999999));

/* Webkit (Chrome 11 ) */ 
background-image: -webkit-linear-gradient(top, #444444 0%, #999999 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #444444 0%, #999999 100%);

Kaynak: http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

Not: bu tarayıcıların tüm desteği de onaltılık gösterimde yerine rgb/temsil etmek.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BuzzFeedVideo

    BuzzFeedVide

    10 AĞUSTOS 2011
  • LAHWF

    LAHWF

    5 Kasım 2009
  • The Computer Chronicles

    The Computer

    7 Kasım 2012