Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

css3 pie.htc neden internet explorer 9' da çalışmaz?

Selamlar,

Arkadaşlar css kodum aşağıdaki gibi.


#header {
    width:1000px;
    height:200px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -moz-border-radius:10px;
    background-color:#E4431D;
    background-image: -ms-linear-gradient(90deg , rgb(255,102,31) 0%, rgb(184,53,18) 100%);
    background-image: -o-linear-gradient(90deg , rgb(255,102,31) 0%, rgb(184,53,18) 100%);
    background-image: -moz-linear-gradient(90deg , rgb(255,102,31) 0%, rgb(184,53,18) 100%);
    background-image: -webkit-linear-gradient(90deg , rgb(255,102,31) 0%, rgb(184,53,18) 100%);
    background-image: linear-gradient(90deg , rgb(255,102,31) 0%, rgb(184,53,18) 100%);
    -pie-background : linear-gradient(90deg , #ff661f 0%, #b83512 100%);
    margin:5px auto 5px auto;
    behavior: url(libs/PIE.htc);
}



Site dizin yapısı ise aşağıdaki gibi,

index.php
css/ana.css
libs/PIE.htc

nerede hata yapıyorum anlamadım. İEtester programından baktığımda ie6,ie7 ve ie8 olması gerektiği gibi gösteriyor fakat ie9' da gradient çalışmıyor. Hem ietester programında ki ie9'da hemde windows işletim sisteminde ki native ie9'da gradient çalışmıyor. Css3 pie ie9'u desteklemiyor mu?
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • siyahbeyaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    472 cevap - 20 soru
    <!--[if lt IE 9]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->

    head taglarının arasına
    kodunu ekleyip deneyin.
    • freeman9k8 adlı üyenin fotoğrafı freeman9k8
      Sonuç değişmedi. IE9' da gradient önerdiğiniz kodu ekledikten sonra dahi çalışmıyor.


      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE4NCw1MywxOCwxKTsiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwxMDIsMzEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
      background-color:#E4431D;


      Bu şekilde çalışıyor. Fakat buna alternatif .css dosyasının boyutunu fazla yükseltmeyecek bir yol aramaktayım. Bu yöntem bana çok mantıklı gelmedi açıkcası. Nerdeyse resmin kendisini eklemek gibi. Css3pie tarzı bir yöntem çok daha mantıklı olurdu.
      10 yıl önce yazılmış