尝试打印时，网站上的CSS消失

Question

我有一个网站，我花了很多时间编程，www.omdyac.org，我最近试着打印它的主页，我以为它只会打印屏幕上出现的内容，但当它打印出来的时候，我发现了这个。

(这是来自页面的两个独立的图像。)为什么当我尝试打印此网站时，所有CSS格式似乎都消失了？

通过将媒体类型从screen更改为all，我让它看起来像这样

​

但这就是它应该看起来的样子，为什么灰色没有显示出来？

​

​

Answer 1

您的link标记设置了media="screen"。这意味着CSS将仅在屏幕上应用，而不是在打印页面时应用。要使CSS也适用于打印，请设置media="all"或直接省略media属性。您还可以为仅打印样式设置media="print"。希望这能有所帮助！

编辑:为了节省墨水，浏览器不打印背景。我建议您创建一个打印样式表。对于打印，页面的许多元素都可以隐藏，如搜索框和导航。

Answer 2

这是因为您应该阅读更多关于css的内容，特别是关于css媒体类型(包括打印) http://www.w3schools.com/css/css_mediatypes.asp的内容。