我是一名Web开发人员,几乎不涉及设计,但我被分配了这个bug,我正在努力解决。
当我打印/显示打印预览页面时,有些图像会正确显示,而另一些则不会。我能看到的关键区别是不显示的图像是使用css中应用的span标签,而工作正常的图片使用img标签。
以下是html示例:
带有“icon”出生标记的span标签无法显示:
<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 <strong>Name</strong></a>
</h3>
<p class="mbn">?-?</p>
</div>
</li>
在某些浏览器中,预览时看起来没问题,但无法打印;而在其他浏览器中,则一直存在无法打印的问题。
提前感谢您!