Html 文本周围的白色边框覆盖背景色_Html_Css_Webkit_Printing Web Page

Html 文本周围的白色边框覆盖背景色

html css

Html 文本周围的白色边框覆盖背景色,html,css,webkit,printing-web-page,Html,Css,Webkit,Printing Web Page,我正在处理一组需要打印的HTML报告。屏幕上看起来一切正常，但打印页面时，所有文本元素周围都有一个白色框以下是屏幕上页面的屏幕截图：以下是使用“系统打印”对话框打印的PDF的屏幕截图：以下是HTML： <!DOCTYPE html> <html> <head> <link rel="Stylesheet" type="text/css" href="../css/style.css" media=

我正在处理一组需要打印的HTML报告。屏幕上看起来一切正常，但打印页面时，所有文本元素周围都有一个白色框

以下是屏幕上页面的屏幕截图：

以下是使用“系统打印”对话框打印的PDF的屏幕截图：

以下是HTML：

<!DOCTYPE html>
    <html>
        <head>
            <link rel="Stylesheet" type="text/css" href="../css/style.css" media="all"/>
        </head>
    <body>
        <div id="container">
        <div id="menu">
            <b>Menu</b><br>
            HTML<br>
            CSS<br>
            JavaScript</div>
        <div id="content">
            Content goes here</div>
    </body>
</html>

这些页面正在节点webkit应用程序中运行。

您是否尝试为这些元素指定特定的背景色

试一试

或

在

#菜单的子元素上
编辑
这就是“打印”pdf对我来说的样子：

编辑：
也许是司机的问题吧？
对我来说，它运行得很好。可能是浏览器/web服务器的问题？打印时是否使用了“使用系统对话框打印…（Ctrl+Shift+P）”选项？Ctrl+P为我这样做了。操作系统：win7x64，chrome 28。输出格式：pdf该页面位于节点webkit应用程序中，因此该功能不可用。那么您可能想发布链接？这些元素是什么？innerHTML？我想把类显式地分配给#menu
的所有子类。。。因此，对于Menu
HTML
CSS
JavaScript
，我在子类周围添加了一个属性，并设置了那些CSS属性，但没有成功。我更倾向于直接将类分配给元素，例如Menu
和以下CSS:.menuClass{字体大小：粗体；背景色：透明；/*或#FFD700*/是的，它看起来像是驱动程序问题。该页面在办公室的另一台电脑上打印得很好。
@media print
{
    /* Hides elements on page when printed */
    .nonPrinting
    {
        display: none;
    }
    /* Forces the background colors / images to display when printing */
    body
    {
        -webkit-print-color-adjust : exact;
    }
}

#container
{
    width:500px;
}

#menu
{
    background-color:#FFD700;
    height:200px;
    width:100px;
    float:left;
}
#content
{
    background-color:#EEEEEE;
    height:200px;
    width:400px;
    float:left;
}

background-color : transparent;

background-color: #FFD700;