61,124
社区成员
发帖
与我相关
我的任务
分享网页打印的问题
专业问题，请熟练使用DIV+CSS的朋友回答！
客户要求他的网站所有页面都可以打印，但实际打印中出了很多问题。最常见的就是网页的背景颜色、和背景图片打印不出来。不知道各位遇到没有，怎么解决的？我是把这些都做为图片插入的网页里，再用相对+绝对定位解决，真是很麻烦。
第二个是网页上有几个链接的文字是白色的，但IE打印出来是灰色，火狐打印出来是黑色，我后来单独给这几个文字定义颜色，还是不行，只要是文字使用浅点的颜色，打印出来都会变色。这跟打印机没有关系，因为打印预览时也是这个问题，求解决办法，谢谢
客户要求他的网站所有页面都可以打印，但实际打印中出了很多问题。最常见的就是网页的背景颜色、和背景图片打印不出来。不知道各位遇到没有，怎么解决的？我是把这些都做为图片插入的网页里，再用相对+绝对定位解决，真是很麻烦。
第二个是网页上有几个链接的文字是白色的，但IE打印出来是灰色，火狐打印出来是黑色，我后来单独给这几个文字定义颜色，还是不行，只要是文字使用浅点的颜色，打印出来都会变色。这跟打印机没有关系，因为打印预览时也是这个问题，求解决办法，谢谢
...全文
请发表友善的回复…
发表回复
sky水牛 2010-08-13
- 打赏
- 举报
HTML代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="all.css" rel="stylesheet" type="text/css" />
<link href="print.css" media="print" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="#">有链接：打印预览时字的颜色不是白色的</a>
<p>无链接：打印预览时字的颜色不是白色的</p>
</body>
</html>
all.css
@charset "utf-8";
@import url("print.css");
body {
background-color:#F00;
}
a {
color:#FFF;
}
a:link {
color:#FFF;
}
a:visited {
color:#FFF;
}
a:hover {
color:#FF0;
}
a:active {
color:#FFF;
}
P {
color:#FFF;
}
print.css
@charset "utf-8";
body {
background-color:#F00;
}
a {
color:#FFF;
}
a:link {
color:#FFF;
}
a:visited {
color:#FFF;
}
a:hover {
color:#FF0;
}
a:active {
color:#FFF;
}
P {
color:#FFF;
}
代码是这样的，大家帮我看看，我用IE8点打印预览字是灰色的。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="all.css" rel="stylesheet" type="text/css" />
<link href="print.css" media="print" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="#">有链接：打印预览时字的颜色不是白色的</a>
<p>无链接：打印预览时字的颜色不是白色的</p>
</body>
</html>
all.css
@charset "utf-8";
@import url("print.css");
body {
background-color:#F00;
}
a {
color:#FFF;
}
a:link {
color:#FFF;
}
a:visited {
color:#FFF;
}
a:hover {
color:#FF0;
}
a:active {
color:#FFF;
}
P {
color:#FFF;
}
print.css
@charset "utf-8";
body {
background-color:#F00;
}
a {
color:#FFF;
}
a:link {
color:#FFF;
}
a:visited {
color:#FFF;
}
a:hover {
color:#FF0;
}
a:active {
color:#FFF;
}
P {
color:#FFF;
}
代码是这样的，大家帮我看看，我用IE8点打印预览字是灰色的。
cheng20100915 2010-08-12
- 打赏
- 举报
[Quote=引用 4 楼 natici 的回复:]
代码贴出来看看？
[/Quote]
是啊,贴出来部分看看
代码贴出来看看？
[/Quote]
是啊,贴出来部分看看
knifeguest 2010-08-12
- 打赏
- 举报
添加一个媒体类型 print
然后用css写出来
然后用css写出来
街头小贩 2010-08-11
- 打赏
- 举报
media
This attribute specifies the intended destination medium for style information. It may be a single media descriptor or a comma-separated list. The default value for this attribute is "screen".
街头小贩 2010-08-11
- 打赏
- 举报
默认的样式作用于screnn,也就是说你打印用的样式是browser默认的
ref:http://www.w3.org/TR/REC-html40/present/styles.html
ref:http://www.w3.org/TR/REC-html40/present/styles.html
natici 2010-08-11
- 打赏
- 举报
代码贴出来看看？
sky水牛 2010-08-11
- 打赏
- 举报
那我应该怎么修改呢？我单独定义的打印样式里面定义为白色#FFF，但打印预览还是灰色#666。
