【问题标题】:I am using “@media print” for printing my html page. Here I am getting problum with background color is not visible of modelbox我正在使用“@media print”来打印我的 html 页面。在这里,我遇到了模型框看不到背景颜色的问题
【发布时间】:2011-08-30 18:33:33
【问题描述】:

我正在使用“@media print”来打印我的 html 页面。在这里,当我尝试打印我的 html 页面时,模型框的背景颜色不可见。

FF,Chrome 运行良好,但 IE7 和 IE8 却无法使用。这是链接:http://jsfiddle.net/9BmXv/

附上的截图是html的打印预览。

【问题讨论】:

  • 您是否尝试将背景颜色更改为白色 (#fff)?
  • 是的,我尝试过但无法正常工作..只有边框在工作..

标签: html css printing


【解决方案1】:

浏览器通常具有与“打印背景”类似的用户偏好,默认情况下该选项处于关闭状态(以避免烧毁大量墨水)。这不能被页面作者覆盖。

因此,印刷设计几乎总是以纯白色背景为目标。

这样的设计,由于主要内容被遮盖了,你可能应该display: none主要内容,这样你就只打印你关心的区域。

【讨论】:

  • 如果要显示主要内容,为什么要用模型框覆盖它?
  • 我都想要。有没有机会展示内容和模型框?
  • 更改打印媒体样式表中的样式,使模型框不会位于其他内容之上。
  • 你必须把它放在某个地方!如果不想移动表头和内容,又不想重叠内容,那就放在内容后面吧!
【解决方案2】:

这是 IE 中的设置。我认为除了将页面设计为在使用白色/透明背景打印时可以正常工作之外,您无能为力

【讨论】:

  • 通常人们不知道浏览器打印设置来设置背景颜色和图像..
猜你喜欢
  • 1970-01-01
  • 2011-04-23
  • 2022-08-04
  • 2021-12-20
  • 2020-03-24
  • 2017-01-14
  • 1970-01-01
相关资源
最近更新 更多