TD 국경 문제 Firefox

Question

파이어 폭스와 같은 문제.

<td height="10" style="border:1px solid #990000;">&nbsp;</td>

는 레드 라인 국경을 제공하지만, 그것없이 파이어 폭스는 빨간 선이 표시되지 않습니다, 나는, 높이 10 필요는 높이 10 스탠드 넣은 사람은 아니다  와 함께. 누구든지 편도?

Answer 1

테이블에 CSS empty-cells:hide;이 적용되지 않았는지 확인하십시오. 직접 반대 값 인 인라인을 적용 할 수 있습니다 (반대쪽은 show). 그러나 이것이 기본값이므로 일부 페이지 수준 CSS에서 hide으로 설정하지 않는 한이 값은 필요하지 않습니다.

빈 표 셀에 영향을 줄 수있는 또 다른 CSS 항목은 border-collapse입니다. 이 값을 collapse으로 설정하지 않았는지 확인하십시오. 기본값은 separate이며 다시 페이지 수준 CSS가이 스타일을 변경하지 않도록하거나 테이블 인라인에 명시 적으로 추가 할 수 있습니다. 사실

<table style="empty-cells:show; border-collapse:separate;"> 
    <tbody> 
     <tr> 
      <td style="height:10px; border:1px solid #990000;"></td> 
     </tr> 
    </tbody> 
</table> 

http://jsfiddle.net/yHrhu/

상기 공간에 텍스트와 동일한 폰트 크기가되기 때문에, 지정된 10px보다 크게 셀을 일으킬 수있는 비 분리 공간 ( )을 사용하여 요소. 10px보다 큰 글꼴 크기를 사용하는 경우 셀이 의도 한 것보다 커집니다.

Answer 2

Chris의 답변에 추가로.

TD에 position:relative이 적용되지 않았는지 확인하십시오.

Answer 3

이 문제는 나 자신이 오늘 비웃음을 뒤집어서 배경을 없음으로 설정하거나 투명하게 만들어 경계를 다시 표시합니다.

table.table tr{ 
    background: transparent; 
}