首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-12-06 
web打印—背景不打印的简单不完美解决方案我想打印图中的投票结果条,该条之前是使用纯css实现,但是在IE上无

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的背景在打印时会显示为白色)也需要改造成图片形式。

?

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

?

热点排行