2011-05-02 15 views
5

IE9'da bir CSS3 gradyanının yerini almak için SVG arkaplanı kullanmaya çalışıyorum (CSS3 gradyanını desteklemiyor). Yerel olarak test ettim ve bir rüya gibi çalışıyor. Ancak, bu değişiklikleri canlı siteye yüklediğimde işe yaramıyor. SVG dosyasının sunucuda sağlam formunda olduğunu doğruladım. İşte IE9'da arka plan görüntüsü olarak kullanmak için SVG dosyasını düzgün şekilde nasıl kullanıyorsunuz?

dosyasıdır: http://www.shmax.com/css/record-box-gradient.svg

Ve işte bir div arka planı olarak kullanılır basit bir test sayfası, var: Chrome ve IE9 hem http://www.shmax.com/gradient.html?DBGSESSID=-1

Görünüm sayfasında, ve yeni sekme Chrome'da göründüğünü, ancak IE9’da görünmediğini unutmayın. Garip bir şekilde, yerel test makinemde görüntülediğimde IE9'da çalışıyor.

Fark ettiğim bir şey, Fiddler'daki bu öğeye ilişkin başlıkları görüntülediğimde "Aktarım - Bağlantı: kapat" yazıyor. Bu bir şey ifade ediyor mu? .htaccess'te düzeltmem gereken bir şey mi var?

Yardımlarınız için teşekkürler, çocuklar.

+0

herhangi bir fark Chrome11 ve IE9 arasındaki üzerime atlayarak görmüyorum. Şey ... Chrome'un başlığının arka planında bir grafik var. Demek istediğin bu mu? – Phrogz

+0

Chrome tarafından "record-box-gradient.svg" için yapılmış bir ağ isteği bile görmüyorum. Lütfen neler olup bittiğini açıkça gösteren aşağılanmış bir test durumu sağlayın. – Phrogz

+0

Yeterince adil, Phrogz, harika bir fikir, teşekkürler. Orijinal gönderimi düzenledim ve şimdi diğer tüm yollarla ilgili basit bir test sayfasına bağlantı veriyor. Lütfen ne düşündüğünüzü gör! – Max

cevap

1

Basit test sayfanız IE9'da benim için çalışıyor; Div'in arka planında bir degrade görüyorum.

bu deneyin:

  1. F12 tuşuna basın araçlarının 'menü çubuğunda' Geliştirici Araçları
  2. "Belge Modu" nedir

  3. açmak için? Bunu "IE9 Standartları" olarak ayarlarsanız, degradeyi görüyor musunuz? geliştirici araçları için Ağ sekmesini

    IE9 Developer Tools

  4. tıklayın, "Başlat Yakalama" linkine tıklayarak Test sayfasını yeniden ve daha sonra "Dur Yakalama" e tıklayın. URL'lerde /css/record-box-gradient.svg için bir istek görüyor musunuz? Ya 200 ya da 304 durum mu?

    IE9 Developer Tools Network tab

+0

Doğru belge kipine sahiptim ve 304'ü görüyordum. Önbelleği "seçenekler" iletişim kutusundan bir düzine kez temizledim, ancak bu sefer dev araçlarda "Temizle" düğmesini kullanarak yaptım ve hemen çalışmaya başladı. Yardım için çok teşekkürler. – Max

İlgili konular