Это работает
div {
-moz-border-radius: 5px 5px 0 0;
border:1px solid #000;
margin:30px;
}
Это не работает
table {
-moz-border-radius: 5px 5px 0 0;
border:1px solid #000;
margin:30px;
}
Кто-нибудь знает, как использовать -moz и -webkit для работы с таблицами?
"Свойства граничного радиуса применять к таблице и таблице inline-table элементы. Когда" пограничный коллапс "" Крах ", UA может применить свойства border-radius для таблицы и" inline-table ", но не требуется. В этом случае не только должны иметь радиус границы смежных углы не пересекаются, но горизонтальный и вертикальный радиусы одиночный угол не может проходить мимо границы ячейки в этом углу (т.е. ячейки других углов должны не подвергаться воздействию этого угла пограничный радиус). Если вычисленные значения радиусов границы приведет к эффект, тогда используемые значения всех границы радиуса стола должны быть уменьшается на тот же коэффициент, радиусы не пересекаются и не расширяются мимо границ их соответствующие угловые ячейки.
Влияние радиуса границы на внутренние элементы таблицы undefinedв CSS3 Backgrounds and Borders, но может быть определена в будущем Спецификация. CSS3 UA должны игнорировать свойства граничного радиуса, применяемые к внутренние элементы таблицы, когда" Крах-крах" - это крах.