在IE9中未从打印中删除按钮元素

时间:2011-12-14 17:05:06

标签: html css

我在页面上添加了一个打印按钮。

<button type="button" class="printBtn">Print This Page</button>

现在我想从打印中删除元素。

我用过:

.printBtn{ display:none;}

这适用于所有其他浏览器,但出于某种原因,IE在打印页面时并未完全删除按钮。该按钮不会显示在打印中,但它会影响我的图像格式

在打印预览中没有正确对齐图像的示例: http://i244.photobucket.com/albums/gg5/robasc/Untitled2.png?t=1323881931

在打印预览中未对齐的图像示例,使用上述css和html删除按钮: http://i244.photobucket.com/albums/gg5/robasc/Untitled.png?t=1323881871

我认为该按钮仍然存在并且正在扭曲文档中的其余元素。

有谁知道如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

您可以尝试使用'onbeforeprint'和jQuery从DOM中移除按钮(有点重手)。

答案 1 :(得分:0)

你可以尝试使用

.printBtn{
   visibility:hidden;
}

隐藏按钮