IE/Kenar uygulanmadı dönüşümü: tablo satırına çeviri

Question

Bir tablo satırına transform:translate(0px, -45px) gibi bir CSS dönüşümü eklerken, Internet Explorer (10 ve 11 test edildi) ve Microsoft Edge dönüşümü doğru şekilde göstermiyor. Örneğin, bazı basit kodu kullanarak

:

<table style="width:500px;"> 
    <tbody> 
     <tr style="height: 30px; background-color:red; color:white;"> 
      <td>1</td> 
     </tr> 
     <tr style="height: 30px; background-color:blue; color:white;"> 
      <td>2</td> 
     </tr> 
     <tr style="height: 30px; background-color:yellow; color:black; transform:translate(0, -45px);"> 
      <td>3</td> 
     </tr> 
    </tbody> 
</table> 

This screenshot soruna yol açar satır 3 satır 1 ve 2 üzerine yerleştirilir, fakat IE/Edge, bu hareket etmedi. Hemen hemen tüm diğer modern tarayıcılar beklendiği gibi davranır. Microsoft, IE 10+ ve Edge'in (düzeltilmemiş) dönüşümü desteklemesi gerektiğini ve standart tabloya dayalı olarak, tablo tablosu satırına sahip öğelerin desteklendiğini belirtir.

Bunun neden işe yaramadığı konusunda herhangi bir ipucu var mı?

Answer 1

defined in the spec olarak, dönüştürülebilir elemanlar olan display özelliği tablo satır için hesaplar öğeleri içerir. Bu durumda, tablo satırlarını ekrana yeniden yerleştirmek için dönüşümü dönüşümü beklediğinize emin olmalısınız. Microsoft Edge bu desteği eksik görünüyor. yapar

Kenar Ancak tablo hücrelerini çevirmek. Bu, şimdilik geçici olarak rahatlama sağlayabilir. Bu işlevselliği doğru bir şekilde uygulayacağımızdan emin olmak için work up a few tests'a gidiyorum.

Answer 2

Evet, aynı sorunla karşı karşıyayım. Tr ekranını yapabilirsiniz: blok ama ... bu masanızı yok edecektir. Umarım microsoft bu kadar hızlı ilgilenir. etrafında