Html CSS打印问题:页边距、文本、背景色

Html CSS打印问题:页边距、文本、背景色,html,css,printing,Html,Css,Printing,我正在创建一个名称标签解决方案,与使用Word的旧方法相比,后者会导致文件大小过大和文件损坏。我正在使用PHP从数据库中获取名称,并将其打印到html页面中。页面也完美地显示了我想要的内容 我的问题是打印时,应用背景色的文本无法正常工作 我使用此打印样式可以打印背景颜色:-webkit打印颜色调整:精确 在我讲到课文之前,这很有效 什么显示为 在输出页面上,打印为 我的CSS: .top-bar { width:100%; height:0.65in; backgro

我正在创建一个名称标签解决方案,与使用Word的旧方法相比,后者会导致文件大小过大和文件损坏。我正在使用PHP从数据库中获取名称,并将其打印到html页面中。页面也完美地显示了我想要的内容

我的问题是打印时,应用背景色的文本无法正常工作

我使用此打印样式可以打印背景颜色:
-webkit打印颜色调整:精确

在我讲到课文之前,这很有效

什么显示为

在输出页面上,打印为

我的CSS:

.top-bar {
    width:100%;
    height:0.65in;
    background-color:#FFCC00;
    display:block;
    font-size:20pt;
    line-height:200%;
    font-family: Stencil;
    color:#008000;
    position:absolute;
    top:0;
    left:0;
}
我试过不同的字体,但似乎没什么不同

我用的是windows,用Chrome打印。我使用cutepdf打印到PDF,但是物理打印产生了相同的结果

有没有办法确定这些字母的印刷方式

-webkit打印颜色调整:精确


这就是解决方案。。。将其应用于周围的div。删除文本上的背景色,然后将其放在div上。

如果您可以将一个示例放到网上,您可能会得到更多帮助。事实上,我发现这是Chrome打印方式的错误,而不是CSS。我完全可以从IE打印。