打印样式表上的徽标

Question

我正在创建一个打印样式表，但由于网页上的徽标是白色的，背景是透明的，我需要将其替换为另一个打印图像。

我已经使用了下面的代码，它在我的本地安装上工作正常，但是，当我将它推送到服务器时，它不会显示标题：before {content：url（images / WCC-logo.png）; }

显然我错过了什么，但我看不清楚。

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

header:before { 
    content: url(images/WCC-logo.png);
} 
    a[href]:after { content: " (" attr(href) ")"; }
    .slide-out-div {display: none;}
    .slide-out-div-open {display: none;}
     #multiColumn {display: none;}
     #hero-header-button {display: none!important;}
     .accordion-slide-content {display: block!important}
     .pager li {display: none;}
     .post-edit-link {display: none;}
     .btn-danger {display: none;}
     .btn-big {display: none;}
     .navbar-inverse .navbar-inner {display: none;} 
    .handle {display: none;}
    .section-header {display: none;}
    .entry-header-hero img {display: none;}
    #secondary {display: none;}
    #footer {display: none;}
    #footer-logos-bottom {display: none;}
    .textwidget {display: none;}
    /*.brand {display: block;}*/
    .entry-hero-button {display: none;}
    .print-page {display: none;}   
    #brand {display: block!important;}
    h1, h2, h3, h4, h5, h6 { 
        page-break-after:avoid;
     page-break-inside:avoid;
     page-break-inside: avoid; }
     h1 {font-size: 25px;}
     h2 {font-size: 20px;}
     h3 {font-size: 18px;}
     h4 {font-size: 15px;}
     .breadcrumb {display: none;}
 }

谢谢戴夫