我有一个网站,我花了很多时间编程,www.omdyac.org,我最近尝试打印它的主页,我希望它只打印屏幕上出现的内容,但是当它打印时我找到了这个。 (这是页面上的两个单独的图像。)为什么当我尝试打印这个网站时,所有的 CSS 格式都消失了?
通过将媒体类型从屏幕更改为全部,我让它看起来像这样
但这就是它应该看起来的样子,为什么灰色没有出现?
我有一个网站,我花了很多时间编程,www.omdyac.org,我最近尝试打印它的主页,我希望它只打印屏幕上出现的内容,但是当它打印时我找到了这个。 (这是页面上的两个单独的图像。)为什么当我尝试打印这个网站时,所有的 CSS 格式都消失了?
通过将媒体类型从屏幕更改为全部,我让它看起来像这样
但这就是它应该看起来的样子,为什么灰色没有出现?
您的link
标签已media="screen"
设置。这意味着 CSS 只会在屏幕上应用,而不是在打印页面时应用。要使 CSS 也适用于打印,请设置media="all"
或省略该media
属性。您还可以设置media="print"
仅打印样式。希望这可以帮助!
编辑:为了节省墨水,浏览器不打印背景。我建议您创建一个打印样式表。对于打印,可以隐藏页面的许多元素,例如搜索框和导航。
这是因为您应该阅读更多关于 css 的内容,尤其是 css 媒体类型(包括打印) http://www.w3schools.com/css/css_mediatypes.asp