当前位置: 首页 > 面试题库 >

CSS @media打印背景色问题;

魏凯捷
2023-03-14
问题内容

我在这家公司是新来的,我们有一款使用英里数的CSS的产品。我正在尝试为我们的应用制作可打印的样式表,但是background-colorin
中存在问题@media print

    @media print {
      #header{display:none;}
      #adwrapper{display:none;}
      td {
        border-bottom: solid; 
        border-right: solid; 
        background-color: #c0c0c0;
      }
    }

其他所有内容都可以使用,我可以修改边框等,但background- color不会在打印中出现。现在,我了解到,如果没有更多详细信息,可能所有人都无法回答我的问题。我只是想知道以前是否有人遇到过此问题或类似问题。


问题答案:

如果用户在其打印设置中关闭了“打印背景色和图像”,则没有CSS会覆盖它,因此请务必予以考虑。 这是默认设置

一旦设置好,它将打印背景颜色和图像,那么您所拥有的将起作用。

它存在于不同的地方。在IE9beta中,可以在“纸张”选项下的“打印”->“页面选项”中找到

在FireFox中,它位于选项下的页面设置-> [格式和选项]选项卡中。



 类似资料:
  • 问题内容: 当我使用引导程序时,它会在尝试打印页面时从所有内容中消除背景色。我网站上的几乎所有东西都使用bootstrap类,因此我想避免在bootstrap外使用大量手动CSS。我发现引导程序用于删除背景色。我也使用了引导主题(主题统一),它也删除了背景色。 theme-united.css bootstrap.min.css 有没有一种方法可以确保在不编辑这2个CSS文件的情况下进行打印时不去

  • 问题内容: 我正在尝试使用chrome打印一个PHP生成的文档,在浏览器上看起来不错,链接到我要打印的页面,但是我的打印机无法打印任何彩色背景,请问有人可以提供任何建议吗?我可以用CSS做到这一点吗? 问题答案: 您可以在浏览器中调整是否打印背景颜色和图像。查看浏览器的打印选项。 GoogleChrome从26版(2013年3月)开始提供此功能。 同样从版本17开始,Chrome允许通过在元素CS

  • 在超文本标记语言中,我什么时候使用颜色,背景颜色和背景标签有什么区别? 有什么区别?

  • 问题内容: 如果选择了该面板(单击该面板),则该面板的颜色为蓝色。另外,我在该面板上添加了一个小标志(图像),它表示所选面板之前已被选中。 因此,如果用户看到例如10个面板,其中有4个带有这个小标记,则他知道自己之前已经单击了这些面板。到目前为止,这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色,使用设置背景图像。但是背景色似乎在图像上方,因此您看不

  • 问题内容: 是否可以在Internet选项的“高级”选项卡中不启用“打印背景色和图像”的情况下打印背景图像? 我认为可以使用没有“背景图像”的替代方法…使用div标签和绝对位置可以模拟背景图像的相同效果吗?我也想在页面上重复背景图像。 问题答案: 打印背景图像(在标记中指定为背景图像的那些图像)的能力完全取决于最终用户,您无法从代码中以编程方式控制此功能。Firefox的一个插件提供了JavaSc

  • 问题内容: 我正在尝试打印页面。在该页面中,我为表格提供了背景色。当我在chrome中查看打印预览时,它不具有背景色属性… 所以我尝试了这个属性: 但仍然没有显示颜色。 问题答案: Chrome CSS属性可以正常工作。 但是,确保您拥有正确的CSS进行打印通常很棘手。可以做几件事来避免您遇到的困难。首先,将所有打印CSS与屏幕CSS分开。这是通过和完成的。 通常,仅设置一些额外的CSS是不够的,