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

如何使用CSS获取要打印的背景图像?

乐正瑞
2023-03-14
问题内容

我正在使用ASP NetSprites包在我的网站上创建CSSSprites。

它正在工作,但是生成的图像在打印时不会出现。

在HTML级别生成的代码是:

<a href="/" id="siteLogo"><img class="getmecooking-logo-png" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a>

当用户打印页面时,如何显示徽标图像?

我尝试将其添加到我的print.css样式表中,但没有成功:

#siteLogo
{
    visibility: visible;
}

print.css工作正常,它正在格式化页面,如我所希望的那样,用于页面上的其他元素。我唯一的问题是在打印时无法显示网站徽标图像。


问题答案:

由用户及其浏览器设置决定是否打印背景图像。为了避免依赖于此,请使用实际<img />标签将图像直接放在HTML中。



 类似资料:
  • 问题内容: 是否可以使用JavaScript获取CSS引用的背景图片的实际大小(以像素为单位的宽度和高度)? 问题答案: 是的,我会这样做… 一些注意事项… 我们需要删除JavaScript返回的部分以获取正确的图像源。如果元素具有多个背景图像,我们需要分割。 我们创建一个新对象并将其设置为新图像。 然后,我们可以读取宽度和高度。 jQuery可能不会让您头痛不已。

  • 问题内容: 我需要打印上面有几个背景图像的报告页面。但是只有这些图像无法打印。这些图像实际上是图形的徽标,因此在报告中非常重要。 我还有另一个选择,可以裁剪它们并将其作为标记包含在页面中,但这是最后一个选择。因此,在此之前,我想知道是否有任何方法可以强制打印这些图像?有人可以帮我吗? 问题答案: 默认情况下,浏览器在打印页面时将忽略后台CSS规则,并且您无法使用CSS克服此问题。 用户将需要更改其

  • 问题内容: 之前曾问过这个问题,但该解决方案不适用于我的情况。我想确保打印某些背景图像,因为它们是页面不可或缺的。(它们不是直接在页面中的图像,因为其中有几个用作CSS精灵。) 关于同一问题的另一种解决方案建议使用,只有在每个图标都有不同的图像且没有CSS精灵时,它才有效。 除了创建带有内联图标的单独页面之外,还有其他解决方案吗? 问题答案: 您对浏览器的打印方法几乎没有控制。您最多可以提出建议,

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

  • 问题内容: 我在这家公司是新来的,我们有一款使用英里数的CSS的产品。我正在尝试为我们的应用制作可打印的样式表,但是in 中存在问题。 其他所有内容都可以使用,我可以修改边框等,但不会在打印中出现。现在,我了解到,如果没有更多详细信息,可能所有人都无法回答我的问题。我只是想知道以前是否有人遇到过此问题或类似问题。 问题答案: 如果用户在其打印设置中关闭了“打印背景色和图像”,则没有CSS会覆盖它,

  • 问题内容: 如何使用CSS翻转任何背景图片?可能吗? currenty我使用这个箭头图像中background-image的liCSS中 开启:visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像,但我只是好奇地知道是否有可能在CSS中翻转图像:visited 问题答案: 在看到Alex的答案出现翻转的线索后,我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答 HTML CS