сбой в работе не работает в IE10

Question

Кто-нибудь сталкивался с решением для краха обрыва на таблицах, не работающих в IE10?

У меня есть таблицы на веб-сайтах, которые используются там, где это необходимо, и они отображаются хорошо во всех других браузерах, но с IE 10 границы дороги толстые.

любой помощь оценила

Answer 1

Над вопроса может быть несколько месяцев, но сегодня я столкнулся с той же проблемой, и думала, что я мог бы по крайней мере, предоставить некоторые возможные решения, даже если это не является идеальным.

Как видно из этой проблемы, использование пограничного обвала приводит к толстой границе в IE10, хотя границ нет. При отсутствии пограничного краха ширина границы остается нормальной. Тем не менее, отсутствие границ ширины приводит к пробелу между ячейками.

Единственная возможная альтернатива для получения желаемого результата - вообще не использовать пограничный обвал. Вместо этого используйте «border-spacing: 0px;» чтобы избавиться от пробелов между ячейками и определить границы очень конкретно.

Пример:

Это

table{ 
    border-collapse: collapse; 
} 
table td{ 
    border: 1px solid black; 
} 

стал бы

table{ 
    border-spacing: 0px; 
    border-top: 1px solid black; 
    border-right: 1px solid black; 
} 
table td{ 
    border-left: 1px solid black; 
    border-bottom: 1px solid black; 
} 

Как я уже говорил: это не идеал, но, по крайней мере, это даст желаемый результат кросс-браузерный ,

Примечание: проблема в IE10 возникает только при использовании ширины границы 1px. Граница ширины 1px приведет к 2px при использовании border-collapse: collapse; в IE10. При использовании более высокой ширины границы результат будет нормальным.