2014-04-28 1 views
0

에 반경을 왼쪽 테두리의 상단을 무시합니다. 현재 Chrome 브라우저에서는 현재 Firefox에서 작동하지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?파이어 폭스 내가 CSS3 규칙 다음 한 표 셀

셀렉터가 작동하면 "배경 : 녹색"으로 테스트하고 올바른 셀이 색상으로 표시됩니다.

크롬 :

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

파이어 폭스 :

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

개발자 도구 모음이 계산 된 것이다.

내가 뭘 잘못하고 있니?

당신은 부모 반경을 정의해야합니다

답변

1

: 당신은 border-collapse: collapse;에 표를 설정해야합니다

.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; 
} 

(MOZ Docs) :

하지만 UA는 테이블 undinline 테이블 Elemente에 적용 할 필요가 없습니다 국경 붕괴가 무너질 때. 내부 테이블 Elemente의 동작은 잠시 동안 정의되지 않았습니다.

+0

은 Firefox 전용입니다. O.o - 크롬에서 작동합니다 – Kai

+0

Testet - 이걸로 파이어 폭스에서 작동하지 않습니다. Chrome에서 작동합니다. – Kai

+0

모든 브라우저가 올바르게 렌더링 할 수있는 것은 아닙니다. 트릭입니다. 반경을 가진 부모를 정의하십시오. 그러나 왜'border-top-left-radius : 9px;'대신'border-radius : 9px 0 0 0; –