콘텐츠가없는 TD를 국경을 렌더링 할 수있는 방법은 무엇입니까?
-
03-07-2019 - |
문제
TD에는 jQuery의 페이드 아웃 기능을 사용하여 제거한 DIV가 있지만 테두리가 마무리되면 테두리도 사라집니다.
나는 그것을 피하고 싶다. "" "(못 생겼다)를 추가하는 것 외에 다른 방법이 있습니까?
편집 : 나는 Internet Explorer (6 및 7)를 사용하고 있습니다.
해결책
CSS :
table {
empty-cells: show;
}
또한 IE가 작동하려면 IE를 표준 렌더링 모드에 넣어야합니다. DocType을 추가 한 후에는 적어도 IE8 (베타 2 이상)이 멋지게 재생됩니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
IE7 이하는 여전히 그렇게하지 않습니다. 을지 지하다 empty-cells
"부분적"(IE7 및 IE8 베타 1)이라고합니다. MS CSS 호환성 명령문. "부분적"이란 무엇이든, "쇼"를 구현하지 않고 "부분 지원"이라고 부를 수는 없습니다. 이 브라우저는 일반적으로 붕괴 된 테이블 경계를 통해 셀 테두리를 그릴 수 있습니다.
table {
border-collapse: collapse;
}
설정 empty-cells
무시됩니다. 그러나 국경을 무너 뜨리면 모든 브라우저가 무너진 경계를 표시하기 때문에 어쨌든 설정할 필요가 없습니다.
다른 팁
u003Ctd style="font-size: 1pt"> u003Ctd>
셀에 위탁 공간을 추가하십시오.
<td> </td>
해킹이지만 이미지를 추가하는 것보다 더 나은 해킹.
셀에 투명한 1px 이미지를 추가했습니다. Jukka "Yucca"Korpela가 제안합니다. 지금은 더 나은 대안이 없다면이 솔루션을 사용하겠습니다.
따라서 아래 테이블이있는 경우 :
<table border="1">
<tr>
<td>Breakfast</td>
<td><div id="foo">Lunch</div></td>
<td>Dinner</td></tr>
</table>
그리고 당신은 jQuery, 점심으로 페이드 아웃, 왜 페이드 인으로 공란을 다시 가져 오지 않겠습니까?
아래처럼 :
$("#foo").fadeOut("slow").html('').fadeIn("fast");
정확히 달성하려는 내용에 따라 visibility
-div의 분열 hidden
그것을 설정하는 대신 display
-프로 테티 none
, 즉 복원해야합니다 display
그리고 그리고 설정 opacity
visibility
전화 후 수동으로 fadeOut()
.