代码之家 › 专栏 › 技术社区 › BaronGrivet

使用打印css,添加图像前:身体没有在Internet Explorer 8中显示

internet-explorer-8 printing css

BaronGrivet · 技术社区 · 14 年前

我在我们的网站上使用单独的打印css。有人要求我们在印刷页的顶部有我们的商标。这是我用来打印样式:

body:before {
content: url(../images/logo.gif);
}

这适用于Firefox、Chrome、Safari和Opera。。。你当然知道接下来会发生什么。

在打印预览有一个空格大小相同的标志,但我们的标志不打印。如果我把代码改成:

content: "Test Text" url(../images/logo.gif);

“测试文本”显示,但仍然没有标志。

有人有什么想法吗?这使得我很难调试关闭“打印预览”和简单地改变CSS链接上的媒体类型呈现在浏览器屏幕上完全不同的东西。

干杯塔玛

1 回复 | 直到 14 年前

GlennG 14 年前

最好添加一些HTML,如下所示:

<div class="PrintOnly">
  <img id="PrintLogo" src="logo.gif"/>
</div>

设置这样的样式以显式隐藏非打印介质配置:

  .PrintOnly {         display:none; } 
   @media print {  
      .PrintOnly {     display:block; }
   }

推荐文章

vasilevich · 模拟内联onkeydown事件

7 年前

Jacek Rzadca · 通过vba选择下拉项。无法访问Iframe。

8 年前

Marek Zakrzewski · 背景大小在IE8上不起作用

8 年前

deilkalb · 如何使用jQuery为IE8设置背景图像(使用过滤器属性)?

8 年前

Jebathon · IE8-jquery remove()不适用于第n个元素

9 年前

mentinet · AJAX jQuery在IE8中成功,在IE10/Chrome/FF中失败

9 年前

brainiak4431 · IE8中未正确显示网站菜单

10 年前

Thennarasu · 服务标签在IE8中不工作?

10 年前

Kevin · 使postMessage()和addEventListener()与IE8兼容

10 年前

Bram Vanroy · 使CSS3家谱IE8兼容

10 年前