我遇到的情况是,在引入bootstrap框架之后,想打印自己的个人简历页面,发现之前设定的样式,背景颜色通通变得无效,问题原因是bootstrap.css的默认样式,
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}中的
color: #000 !important;
background: transparent !important;
是将字体颜色设置为黑色,背景设置为透明色,导致了自己的样式失效,在源码中把这两项删除就好了,打印样式就不会出问题了,当然这种就必须将资源下载下来修改。