HTML/CSS：表格邊框出現在屏幕上，但不是在打印輸出？

下面是一個測試HTML文件。它在屏幕上顯示得很好，但是當我在Firefox 3.6.8或IE 7.0中「打印」或「打印預覽」時，表格邊框不會出現。我錯過了什麼？HTML/CSS：表格邊框出現在屏幕上，但不是在打印輸出？

<html> 
<head> 
    <style type="text/css"> 
     body { 
      background: black; 
      font-family: arial, sans-serif; 
      color: white; 
     } 
     table.param, table.param td, table.param th {border: 1px solid white; border-collapse: collapse; } 
     table.param td { text-align: left; vertical-align: bottom; color: white; font-size: 90%; } 
     h2,h3 { margin: 0; } 
     a:link { color: #00FF00; } 
     a:visited { color: #8080FF; } 
     a:hover { color: #FFFFFF; } 
     a:active { color: #FFFF00; } 
    </style> 
</head> 
<body><h2>Software Parameters</h2> 
    <table class="param"><tbody> 
     <tr><th>head1</th><th colspan="3">blah blah blah</th></tr> 
     <tr><td>param1</td><td>foo</td><td>2000</td><td>param1 description</td></tr> 
     <tr><td>param2</td><td>bar</td><td>4000</td><td>param2 description</td></tr> 
     <tr><td>param3</td><td>baz</td><td>3000</td><td>param3 description</td></tr> 
    </tbody></table> 
</body> 
</html>

更新：啊哈，看起來像<style> tag has a media attribute。我適應德里克的答案，現在我明白了在IE 7.0的工作，但不火狐3.6.8（這是在Firefox中一個已知的bug？）

<html> 
<head> 
    <style type="text/css" media="print"> 
     body { 
      background: white; 
      color: black; 
     } 
    </style> 
    <style type="text/css" media="screen"> 
     body { 
      background: black; 
      color: white; 
     } 
    </style> 
    <style type="text/css"> 
     body { 
      font-family: arial, sans-serif; 
     } 
     table.param, table.param td, table.param th {border: 1px solid; border-collapse: collapse; } 
     table.param td { text-align: left; vertical-align: bottom; font-size: 90%; } 
     h2,h3 { margin: 0; } 
     a:link { color: #00FF00; } 
     a:visited { color: #8080FF; } 
     a:hover { color: #FFFFFF; } 
     a:active { color: #FFFF00; } 
    </style> 
</head> 
<body><h2>Software Parameters</h2> 
    <table class="param"><tbody> 
     <tr><th>head1</th><th colspan="3">blah blah blah</th></tr> 
     <tr><td>param1</td><td>foo</td><td>2000</td><td>param1 description</td></tr> 
     <tr><td>param2</td><td>bar</td><td>4000</td><td>param2 description</td></tr> 
     <tr><td>param3</td><td>baz</td><td>3000</td><td>param3 description</td></tr> 
    </tbody></table> 
</body> 
</html>

來源

2010-08-12 Jason S

它看起來像您使用的是黑色背景白色的桌子邊框，對嗎？默認情況下，Firefox不會打印背景顏色，因此最終會在白色背景上顯示白色邊框。

您可能需要設置一個打印樣式表，以反轉該配色方案（白底黑白而非黑底白），以便正確打印。

來源

2010-08-12 16:16:37 derekerdmann

有沒有辦法與'

HTML/CSS：表格邊框出現在屏幕上，但不是在打印輸出？

回答