为啥链接元素中的媒体属性对打印值不起作用? [复制]

Posted

技术标签:

【中文标题】为啥链接元素中的媒体属性对打印值不起作用? [复制]【英文标题】:Why does the media attribute in the link element does not work for the print value? [duplicate]为什么链接元素中的媒体属性对打印值不起作用? [复制] 【发布时间】:2014-04-06 10:22:46 【问题描述】:

这是 html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML</title>
        <link rel="stylesheet" type="text/css" href="screen.css" media="screen">
        <link rel="stylesheet" type="text/css" href="print.css" media="print">
    </head>
    <body>
        <!-- Add your content here-->
    </body>
</html>

这里是screen.css:

body 
    background-color: cyan;

这里是 print.css:

body 
    background-color: red;

屏幕看起来不错,应有的方式,青色背景颜色。但是,打印预览显示白色背景色。有人知道为什么会这样吗?

【问题讨论】:

【参考方案1】:

您需要在浏览器的打印设置中选择“应用背景颜色和图像”选项。

以下链接可能会有所帮助。css media type print using background-color in chrome

【讨论】:

以上是关于为啥链接元素中的媒体属性对打印值不起作用? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

为啥对最大宽度的媒体查询不起作用?

为啥恐慌恢复以局部变量返回值不起作用?

为啥在这种情况下转换属性不起作用? [复制]

为啥我的媒体查询代码在 CSS 中不起作用?

如果另一个元素在这里有margin-top,为啥top:0 和position:absolute 不起作用? [复制]

由工作表更改事件触发的复制粘贴值不起作用