打印期间IE10 / IE11中未显示背景颜色

时间:2014-03-14 09:11:56

标签: html css3 internet-explorer

Internet Explorer 10和11在未打印框阴影时未显示白色背景色。

HTML代码:

<div class="note">
    <span>Clears buy point in weak post-holiday trade.</span>
</div>

CSS代码:

body {
    background-color: yellow;
}
.note {
    border: 0px solid rgb(64, 64, 64);
    background-color: #ffffff;
    background-color: rgb(255, 255, 255);
    top: 40px;
    left: 40px;
    position: absolute;
    width: auto;
    color: rgb(64, 64, 64);
    overflow: hidden;
    cursor: default;
    opacity: 1;
    background-position: initial initial;
    background-repeat: initial initial;
    -webkit-box-shadow: 3px 9px 20px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: 3px 9px 20px rgba(50, 50, 50, 0.8);
    box-shadow: 3px 9px 20px rgba(50, 50, 50, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
span {
    padding 5px;
}

提前谢谢。

1 个答案:

答案 0 :(得分:3)

当我使用IE 11加载时,我看到的打印预览输出取决于我是否打开了打印预览选项下的Print Background Colors and Images。我使用jsfiddle.net进行了测试,并将提供的css包装在@media print { ... }中。然后输出看起来很好,行为是浏览器配置驱动。

http://jsfiddle.net/LFfrV/1/我用来测试的内容。