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

Question

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;
}

先感谢您。

Answer 1

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

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