我需要在页面中的某些td和th元素中添加背景渐变,然后转换为PDF,但是我从wkhtmltopdf获得了一些非常奇怪的行为,所以当我这样做时：
table {
width: 100%;
border-collapse: collapse;
}
th {
height: 60px;
border: 1px solid Black;
}
td {
height: 100px;
background: -webkit-linear-gradient(top,#ccc 0%,#888 100%);
border: 1px solid Black;
}th的高度似乎以某种方式侵占了每个后续的td.如果我移除th或将其高度设置为td高度的整数倍,则一切都很好.
任何人都能了解这里发生了什么？我的HTML很难改变所以我希望能够单独使用CSS或wkhtmltopdf设置来实现这一点.
编辑：
赏金到期前的一些截图：
以下是它在webkit浏览器中的外观：
这是wkhtmltopdf对它的作用：
还有一个进一步的观察：它不一定是导致问题的,因为将其改为类似的目标< td class ='th'>会产生同样的效果.
最佳答案
wkhtmltopdf仍然使用旧的(已弃用的)webkit渐变语法.试试这个：
原文链接：https://www.f2er.com/css/427717.html-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#888));
