JTE*_*JTE 17 html css twitter-bootstrap
如果我table在表上使用Bootstrap 类,则打印预览不会显示背景颜色tr.
我的代码
<head>
<!-- All Bootstrap's stuff ... -->
<!-- My custom style -->
<style type="text/css">
@media print {
.bg-danger {
background-color: #f2dede !important;
}
}
</style>
</head>
<body>
<div class="bg-danger">
<td>DIV</td>
</div>
<table class="table">
<tr class="bg-danger">
<td>TR 1</td>
</tr>
<tr class="danger">
<td>TR 2</td>
</tr>
<tr style="background-color: #f2dede !important;">
<td>TR 3</td>
</tr>
</table>
</body>
在屏幕上,所有都是红色,但在打印预览时,只有div元素是红色.
如果我删除table该类,一切正常(除了我需要表格样式).
我的配置:IE11和Windows 7.
是否有打印背景颜色的技巧？
注意:指示的副本(带有背景颜色的CSS @media打印问题;)不是此处的问题,我的设置被选中以打印背景颜色.此外,我可以打印其他几个元素的颜色.
答案:
感谢@Ted评论,我压倒td了table课堂风格:
<style type="text/css">
@media print {
.bg-danger {
background-color: #f2dede !important;
}
.table td {
background-color: transparent !important;
}
}
</style>
Ted*_*Ted 25
Bootstrap显式地将背景设置为白色以进行打印 - 这是在他们的CSS中:
@media print {
.table td, .table th {
background-color: #fff !important;
}
}
像他们一样写你的覆盖,你应该好好去.