个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
下面是一个测试 HTML 文件。它在屏幕上显示正常，但当我在 Firefox 3.6.8 或 IE 7.0 中“打印”或“打印预览”时，表格边框没有出现。我错过了什么？
<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 .我改编了 Derek 的答案，现在我可以在 IE 7.0 中使用它，但不能在 Firefox 3.6.8 中使用:(这是 Firefox 中的已知错误吗？)
<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>
最佳答案
看起来您使用的是带有白色表格边框的黑色背景，对吗？默认情况下，Firefox 不会打印背景颜色，因此它以白色背景上的白色边框结束。
您可能需要设置一个打印样式表来反转该配色方案(白底黑字而不是黑底白字)，以便正确打印。
关于HTML/CSS : table borders appearing on screen but not in printout?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3469693/
25
4
0
我的 CSS 中有以下代码: header input{ width:100%; height:50px; float:left; color:fff; background: rgba(255,25
我一直在尝试使用外观代理 API 将一些默认颜色应用于某些控件，但我遇到了问题。 当我使用诸如...之类的东西将色调颜色应用到 UISegmentedControl 时 UISegmentedCont
我正在将其他人制作的一个现有的小型 Angular JS 应用程序集成到一个不是使用 Angular 构建的现有网站中。 所有 Angular JS 应用程序文件都保存在一个完全独立的目录中，然后用户
我的应用程序在调用 $(document).ready 后向 DOM 添加一些元素。我正在使用 jQuery 1.9.0 以下示例有效。 $(document).on("click", "#box-d
我是 jquery 方面的大菜鸟，我需要弄清楚如何更改此代码: $('.social li').appear(); $(document.body).on('appear', '.social li'
这个问题在这里已经有了答案: Z-index with before pseudo-element (2 个答案) Is it possible to set the stacking order
尽管MSDN和 MDN声明 IE11 似乎根本不支持 webkit-appearance。尝试将 -webkit-appearance 设置为任何声称支持的值时(none、button、textfie
当我尝试克隆 git 用户 HOME 之外的远程 git 时出现错误。 Cloning into test... fatal: '/media/raid/repo/test.git' does not
谁能明白为什么这个 html 代码不起作用。 当图像变得可见时，它应该显示警报，当图像对用户不可见时，它应该再次显示警报。 它也不适用于本地库。
我正在尝试访问 super 英雄 api，但对于某些数据，它一直显示数据未定义。 var html = ""; $.each(data.results,function(i,results){ ht
我需要编写一个小的正则表达式匹配器，它将匹配任何出现的字符串形式 [a-zA-Z]+(_[a-zA-Z0-9]+)? 如果我使用上面的正则表达式，它会匹配所需的部分，但也会匹配到 4_abc 的 ab
在我的网站上，我有多个组件充当每个单独页面的模板，例如“主页”、“关于我”等……我的目标是在每个页面之间实现滑动过渡，我已经使用过渡标签以及添加的“出现”属性和一些 CSS 实现了这一点。我的问题是，
我正在尝试将两个微调器放入工具栏(我正在使用协调器布局) 代码如下
我想让导航栏在使用关闭按钮关闭时消失，或者在关闭屏幕时让导航栏隐藏。 代码如下: - (void)viewDidLoad { [self.navigationController setNav
这个问题不太可能帮助任何 future 的访客；它只与一个小地理区域、一个特定时刻或一个非常狭窄的情况相关，而这些情况通常不适用于互联网的全局受众。如需帮助使这个问题更广泛地适用，visit the
感谢您阅读这个问题，我是 React 新手，我尝试做一个任务应用程序，所以我这样做。 App.js import React, { Component }from 'react' import Rea
我一直在尝试通过 jQuery 删除-webkit-appearance:none; 但没有任何效果。我尝试了以下方法: jQuery(document).ready(function(){ jQ
我为我的选择框设置了样式，它在 chrome 和 safari 上运行良好。 现在我的问题出在 FF 中，我仍然可以看到带有选择框的下拉箭头。 我试过引用this solutions和 this so
我刚刚自学 HTML 和 CSS，但遇到了我的第一个烦人的错误。 这是我的代码: http://pastebin.com/Rk6TjqKZ 到目前为止，这是我唯一的图像，它曾经出现过，但自从将一个类添
如果我能在任何地方找到这方面的任何信息，我就不会问这个问题。我检查了 w3schools、这个网站和谷歌。什么都没有。 那么，是否有一个 css -ms 等同于 -webkit-appearance？
我是一名优秀的程序员,十分优秀！