css – 在IE / Chrome / Firefox中打印预览(或打印)时不显示图像

打印/显示打印预览页面时,某些图像显示正确,但其他图像则不然.我可以看到的关键区别是,未出现的图像是跨度标签,图像在css中应用,而工作图像使用img标签.

以下是html的示例：

带有“icon”诞生的跨度不显示：

<li class="media">
    <div class="img">
        <div class="h2 mtm">1889</div>
        <span class="timeline-icon icon-birth"></span>
    </div>
    <div class="bd">
        <h3 class="profile-subtitle mts">Born in ?</h3>
        <p class="deemphasis mbn">
        <a href="/search/results/bmdindexedbirths/bibby/elizabeth%20?yearofbirth=1889">Search     for Birth Record</a>
        </p>
    </div>
</li>

Image.gif确实显示：

<li class="media">
    <div class="img">
        <div class="h6">
            <strong>Spouse</strong></div>
            <img src="image.gif" alt="" class="person-thumb dropshadow" />
        </div>
    <div class="bd">
        <p class="mbn">Husband</p>
        <h3 class="profile-subtitle">
            <a href="path">Thomas&nbsp;<strong>Name</strong></a>
        </h3>
        <p class="mbn">?&#45;?</p>
    </div>
</li>

在某些浏览器中,它在预览中看起来没问题,但是没有打印,在其他浏览器中它没有打印,但仍然无法打印.

先感谢您！