SORU
27 EYLÜL 2012, PERŞEMBE


Neden bakış açısı üst öğelere uygulandığında IE10 içinde arka yüzey seçimi-görünürlük çalışan gizli değil mi?

Tamam, yani burada başka bir IE10 aksaklık. Sorun ana unsurları üzerinde perspektif uygulayarak arka yüzey seçimi-görünürlük gizli ayarı keser. Lütfen bu keman görmek: http://jsfiddle.net/2y4eA

Ne zaman hover üzerinde kırmızı Kare döner tarafından 180° x ekseni, ve olsa bile arka yüzey seçimi-görünürlüğü belirlemek için gizli, arka yüzey seçimi gösterilir, en azından kadar 180° ulaşana kadar, sonra kaybolur. Perspektif özelliği kaldırın ve beklendiği gibi, arka yüzey seçimi görünür değil çalışır, ama 3d etkisi kaybolur tabii görürsünüz.

Bu olası geçici çözüm, bu sorundan uygulama perspektif dönüşüm özelliği: http://jsfiddle.net/M2pyb Ama bunun neden olacağı sorunları cojunction dönüşüm-kökeni-z, z ayarlamak için başka bir şey 0, her şey olur "ölçekli": http://jsfiddle.net/s4ndv ne yazık ki bu bir çözüm değil.

Arka yüzey seçimi-visibilty onunda muhtemelen bir hata mı? Eğer öyleyse, herhangi bir workaound bahsetmiştim daha var mı?

CEVAP
4 Mart 2013, PAZARTESİ


Bu aksaklık karşı kesinlikle bir hata olduğunu düşünebilirsiniz geldi.

Bu çözüm perspektifinin alt öğe üzerinde dönüştürme uygulamak için. Kemanını burada kurulan: http://jsfiddle.net/jMe2c/

.item {
    backface-visibility: hidden;
    transform: perspective(200px) rotateX(0deg);
}
.container:hover .item {
    transform: perspective(200px) rotateX(180deg);
}

(http://stackoverflow.com/a/14507332/2105930 cevap)

IE 10, üst öğe 3d-özellikleri ALT unsur yaymak değil çünkü bence. Bu bilinen desteklenmeyen bir özelliktir. http://msdn.microsoft.com/en-us/library/ie/hh673529(v=vs.85).aspx#the_ms_transform_style_property Check out:

Şu anda, Internet Explorer 10 desteklemiyorkoru-3danahtar kelime. El ile alt öğe normal dönüştürmek için ek olarak alt öğeleri her ebeveyn elemanın dönüşümü uygulayarak bu geçici bir çözüm bulabilirsiniz.

Bu yüzdenMicrosoft-önerilen çözüm 3d özellikleri kendini yaymak için el ile.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • EEVblog2

    EEVblog2

    2 HAZİRAN 2014
  • Marissah Simonini

    Marissah Sim

    25 HAZİRAN 2013
  • trickycharms

    trickycharms

    6 Aralık 2013