相关疑难解决方法(0)

之前曾问过这个问题,但解决方案并不适用于我的情况.我想确保打印某些背景图像,因为它们是页面的组成部分.(它们不是直接在页面中的图像,因为它们中有几个被用作CSS精灵.)

关于同一个问题的另一个解决方案建议使用list-style-image,只有当每个图标都有不同的图像时才能使用,不能使用CSS精灵.

除了创建一个内联图标的单独页面,还有另一种解决方案吗？

我正在使用ASP Net Sprites包在我的网站上创建CSS Sprites.

它正在工作,但它生成的图像在打印时不会出现.

在HTML级别生成的代码是:

<a href="/" id="siteLogo"><img class="getmecooking-logo-png" src="data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a>

如何在用户打印页面时显示徽标图像？

我尝试在print.css样式表中添加它,但它不起作用:

#siteLogo
{
    visibility: visible;
}

print.css工作正常,它正在格式化页面,因为我希望它为页面上的其他元素.我唯一的问题是我无法在打印时显示网站徽标图像.

是否可以打印带有真正绝对定位元素的HTML页面？似乎所有浏览器都在这里搞得一团糟.很容易通过绝对单位(例如,cm)定义一个主体,并position: absolute在内部放置元素.但是,每个浏览器似乎都试图打印这样的页面.FF例如是添加打印页边距,即使在linux上打印到PDF时,尽管有0页边距页面设置.在每种情况下,Chrome似乎都会缩小页面.那么如何打印具有绝对定位的东西,例如.纸张形式字段,标记等？我忽略了什么吗？

是否可以打印背景图像,而无需在"Internet选项"的"高级"选项卡中启用"打印背景颜色和图像"？

我认为使用没有"background-image"的替代方法...使用div标签和绝对位置可以模拟背景图像的相同效果？另外,我想通过页面重复背景图像.

template.html

{% block css-custom %}
    <link rel="stylesheet"  type="text/css" media="print" href="{{ STATIC_URL }}style/print.css" />
    <link rel="stylesheet"  type="text/css" media="screen" href="{{ STATIC_URL }}style/print.css" />
{% endblock %}

{% block main-content %}
''''''''''''''
<table width="100%" border="0" class="printimg">

            <tr><td>some data</td></tr></table>
'''''''''''''''''
{% endblock %}

我想将上面的图像设置为表格的背景.如果我在标签中设置相同的图像,它将来显示,但作为背景它不会发生.作为HTML页面它正在工作,问题是打印它在纸上.

在打印预览中,背景图像即将显示,但在纸上打印时,图像会消失.

编辑:

report.css

.printimg {
           background:url('/static/images/human.png');
           width:128px;
           height:293px;
           background-position:center;"
          }

/* media:screen */
@media screen {
.printimg img{
    visibility: hidden;
}
}

/* media:print */
@media print {
.printimg img{
    visibility: visible;
}
}

我试过这个css,仍然是同样的问题是他们的.