边框底部不起作用打印预览firefox css

【问题标题】：border bottom not working print preview firefox css边框底部不起作用打印预览firefox css
【发布时间】：2013-07-13 18:33:29
【问题描述】：

我的网页中有一个表格。当我在 Firefox 的打印预览中查看页面时，有时不显示 td 的边框底部。在其他浏览器中它工作正常。如何解决这个问题？

HTML：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Heading 1</td>
    <td>Heading 1</td>
    <td>Heading 1</td>
  </tr>
</table>

css:

table td{ border-bottom:1px solid #000;}

【问题讨论】：

标签： html css printing

【解决方案1】：

您可以在 CSS 中指定媒体类型

<style>
    table td{ border-bottom:1px solid #000;}
    // Other CSS Styling here

    @media print {
        table td{ border-bottom:1px solid #000;}
    }

</style>

【讨论】：

我需要查看您的整个 CSS 和 HTML，因为这里还有另一个问题。像不声明正确的文档类型这样简单的事情可能会导致浏览器异常。
我刚刚在这个小提琴中发布了整个 css 供您参考jsfiddle.net/VCwH8。
您的 CSS 似乎没有任何大问题，因此可能是 HTML 的问题。我在你的 CSS 中注意到的一件事是 .block .formtblsec table.myTable td{ border:1px solid black; border-bottom:1px solid black;padding:5px; } 你已经双重声明了这个值，这可能会导致问题。