ซ่อนตารางแต่แสดงเส้นขอบใน CSS

ฉันกำลังวางซ้อนสองตารางและต้องการแสดงเฉพาะบางเซลล์ของตารางที่อยู่ด้านบน ดังนั้นฉันจึงตั้งค่าการมองเห็นเป็นซ่อนสำหรับทั้งตาราง และตั้งค่าการเปิดเผยให้มองเห็นได้สำหรับเซลล์ที่ฉันต้องการเห็น

มันทำงานได้ดียกเว้นว่าเซลล์ที่มองเห็นได้นั้นไม่มีเส้นขอบ เส้นขอบมีอยู่ใน CSS แต่เนื่องจาก DIV ซึ่งมีตารางอยู่ไม่สามารถมองเห็นได้ เส้นขอบจึงมองไม่เห็นเช่นกัน มีวิธีใดบ้างที่ฉันจะหลีกเลี่ยงสิ่งนี้?

เบราว์เซอร์เป้าหมายคือ IE8

ถ้าฉันตั้งค่าโหมดเป็นความเข้ากันได้ ขอบทั้งหมดจะเปิดขึ้น - แม้แต่ขอบสำหรับเซลล์ที่มองไม่เห็นด้วยซ้ำ!

ขอบคุณ


html css internet-explorer-8
person uYu    schedule 25.04.2011    source แหล่งที่มา
comment
คุณช่วยแสดงให้ใช้โค้ดบางส่วนและแม้แต่ใช้ jsfiddle.net ได้ไหม   -  person David    schedule 25.04.2011

คำตอบ (1)


arrow_upward
0
arrow_downward

คุณอาจลองล้อมเนื้อหาของเซลล์ตารางที่คุณต้องการให้มองเห็นได้ใน div และตั้งค่า div ให้มีเส้นขอบที่คุณต้องการ:

<table>
<tr><td><div class="borderedClass">
//Content here</div></td>//other cells here</tr></table>
person Thomas Shields    schedule 25.04.2011