打印页面 - 图像不打印,只有文本有效

时间:2014-04-22 14:56:13

标签: html css button printing

我正在处理订单确认页面。有一个按钮可以打印页面。当我打印时,只有页面上的文字有效。打印时,没有图像(有3张图像)出现。只有应该有图像的空白区域。

phtml页面上的打印按钮代码

    <span class="pay-invoice" onClick="window.print();return false">
        <a class="ssPortalPg_print_icon"></a>
        Print This Page
    </span>

付费发票css

.pay-invoice {
    float: right;
}

.pay-invoice:hover {
    cursor: pointer;
    opacity: 0.6;
}

ssPortalPg_print_icon的css

.ssPortalPg_print_icon {
    float: left;
    height: 13px;
    width: 13px;
    display: block;
    background: url(../images/ssPortalPg_print_icon.png) no-repeat;
    margin-top: 9px;
    margin-right: 3px;
}

右侧打印按钮的图像 enter image description here

0 个答案:

没有答案