Question

这是我的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .bg
        {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
        }
        .cell
        {
            color: #FFFFFF;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
    </style>
</head>
<body>
    <img src="Images/Footer.gif" class="bg" />
    <span class="cell">
        160,000,000
    </span>
</body>
</html>

我使用IE8打印此页面，但IE将白色更改为灰色，如何防止此更改？

由于

Answer 1

与屏幕样式表一样，您使用LINK元素定义网页应使用的打印样式表：

<link rel="stylesheet" type="text/css" href="print.css" media="print">

此链接元素与指向屏幕样式表的链接之间的唯一区别是属性：

media="print"

大多数样式表都是为屏幕编写的，因此媒体可以保留，或写成：

media="screen"

Answer 2

答案不是使用打印样式表，因为IE仍会将其打印为灰色。你必须打开“打印背景颜色和图像”并将背景设置为黑色。 IE认为它很聪明，不允许你在“白色”背景上打印白色文字，没有意识到你可能知道自己在做什么，并希望在图像顶部显示白色文字。

当我打印页面时，IE将白色文本颜色更改为灰色

2 个答案: