读书人

web打印背景不打印的简略不完美解决

发布时间: 2013-12-06 17:56:43 作者: rapoo

web打印—背景不打印的简单不完美解决方案

我想打印图中的投票结果条,该条之前是使用纯css实现,但是在IE上无法打印;目前是使用css背景+图片实现;

?

    <style media="all">        .myimg {            position: absolute;            top:0;            left: 0;            width: 500px;        }        .mydiv {            position: absolute;            top: 0;            left: 0;            color: blue;            background: red!important;            filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='red',EndColorStr='red');        }        @media print {            body {-webkit-print-color-adjust: exact;}        }    </style>

通过对图片进行绝对定位可以搞定。(对于Firefox div的背景在打印时会显示为白色)也需要改造成图片形式。

?

总起来说,以上都比较麻烦,但是如果您的页面不是很复杂,又不想引入打印插件,可以尝试这种方法解决一下。有朋友还有更好的方案吗?

?

读书人网 >Web前端

热点推荐