Firefox игнорирует верхний левый радиус границы ячейки таблицы

0

У меня есть следующие правила CSS3:

.acpTable thead tr th:first-child {
    border-top-left-radius: 9px;
}

.acpTable thead tr th:last-child {
    border-top-right-radius: 9px;
}

В DOM у меня есть таблица с классом acpTable и добавлена через jQuery элемент tHead. В текущем браузере Chrome он работает, в текущем firefox нет. Что я делаю не так?

Селекторы работают, я протестировал "фон: зеленый", и правильные ячейки будут окрашены.

Хром:

http://puu.sh/8qYPC/274d7f8623.png

Fire Fox:

http://puu.sh/8qYSP/9086738d07.png

Панель инструментов разработчика показывает, что она вычисляется.

Что я делаю не так?

Теги:

1 ответ

1
Лучший ответ

Вы должны определить радиус для родителей:

.acpTable,                              /* The Table */
.acpTable thead,                        /* The Head */
.acpTable thead tr:first-child,         /* The Row */
.acpTable thead tr th:first-child {     /* The Content */
    border-top-left-radius: 9px;
}

Вы должны установить таблицу в border-collapse: collapse; (MOZ Docs):

но UA не требуется применять к таблице undinline-table Elemente, когда крах обрушивается. Поведение на внутренней таблице Elemente на данный момент не определено.

Поделиться
  • 0
    это только для firefox? Oo - в хроме это работает
  • 0
    Testet - это не работает на Firefox с этим. В Хроме это работает
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню