HTML - biên giới TD không hiển thị trong IE7

Question

Tôi có lớp css sau:

.detail tr td 
{ 
    border-bottom: 1px solid #c0c0c0 ; 
} 

Và nó hoạt động tuyệt vời trong firefox, chrome và IE9.

Nhưng IE7 vẽ đường viền ở cuối tất cả các td có văn bản. Nhưng nếu td không có văn bản, thì nó không vẽ đường viền.

Làm cách nào để thêm đường viền cho tất cả trong IE7?

Answer 1

Trong IE7, các ô bảng trống không tồn tại. Thêm   vào tất cả các ô trống của bạn sẽ giải quyết được sự cố của bạn.

Thông tin bổ sung:

Nếu bạn đang sử dụng jQuery, bạn có thể thêm   động:

$(document).ready(function() { 
    $("td:empty").html(" "); 
}); 

Nếu bạn ghét ý tưởng về cách chèn một  , bạn có thể thêm một khoảng và thiết lập một trong các thuộc tính của nó:

<span style="zoom:1;"></span> 

Hoặc với jQuery:

$(document).ready(function() { 
    $("td:empty").html("<span style='zoom:1;'></span>"); 
});