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

Question

我有一个网站，我花了很多时间编程，www.omdyac.org，我最近试图打印它的主页，我希望它只是打印出现在屏幕上的内容，但是当它打印我发现了这个。 （这是与页面分开的两个图像。）为什么当我尝试打印此网站时，所有CSS格式都消失了？

我通过将媒体类型从屏幕更改为全部

来使其看起来像这样

How it looks http://i46.tinypic.com/v4o6k3.png

但这应该是什么样子，灰色为什么不出现？

How it should look http://i49.tinypic.com/dvha1y.png

Answer 1

您的link代码已设置media="screen"。这意味着CSS将仅在屏幕上应用，而不是在打印页面时应用。要使CSS也适用于打印，请设置media="all"或忽略media属性。您还可以为仅打印样式设置media="print"。希望这有帮助！
编辑：为了节省墨水，浏览器不打印背景。我建议你创建一个打印样式表。对于打印，可以隐藏页面的许多元素，如搜索框和导航。

Answer 2

这是因为你应该阅读更多关于css的内容，特别是有关css媒体类型（包括print）的内容 http://www.w3schools.com/css/css_mediatypes.asp