Print.css媒体没有完全正常工作

时间:2011-06-23 19:44:06

标签: css

我正在尝试在打印样式表上打印一些元素,以便在print / printpreview时“显示”,但这不起作用。如果我想“隐藏”元素,它就可以正常工作。

我已尝试从display=block设置元素display=none,但这不起作用。还尝试了使用来自visibility=visible的{​​{1}}的组合;没有运气。

我以为我可以通过做一些令人讨厌的黑客攻击来解决这个问题,比如在visibility=hiddenleft= -3000px使用我的元素;在打印时不会发生这种变化。

另一个不起作用的丑陋黑客是将元素的字体颜色与主样式表中的背景颜色相同,然后在打印时将其更改为黑色;也不起作用。

但是,有一点能够始终如一地工作的是在打印时隐藏任何元素;所以我的print.css表确实被拿起并应用了。

总之,到目前为止,显示一个元素,更改其字体颜色或位置不会在打印时被拾取;也没有使用text-align-center对已经可见的元素进行居中;顺便说一句。

另外值得注意的是:IE9和Chrome之间的结果是一致的。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

检查所有内嵌样式是否与主css和打印样式不冲突。

答案 1 :(得分:1)

一个丑陋的解决方法可能是将!important标记添加到print.css样式。

示例:

.element {
    display: block !important;
}