是否可以将CSS精灵用于"前景"图像 - 即用户应该点击并与之交互甚至打印的图像?
而不是使用CSS background-image属性.你会用什么?
我需要打印包含几个背景图像的报告页面.但只有这些图像不可打印.这些图像实际上是图形的徽标,因此在报告中非常重要.
我有另一个选项,我可以裁剪它们并在页面中包含标签,但这是最后一个选项.因此,在此之前,我想知道是否有任何方法可以强行打印这些图像?有人可以帮帮我吗?
如何在打印时显示背景颜色和图像,我知道这是浏览器属性,但我想从CSS中完成它,例如我用于webkit, -webkit-print-color-adjust: exact;那么我怎样才能实现它.
我正在尝试使用背景图像在IE中打印网页表单; 现在问题是它没有在其打印中显示背景图像.有没有办法解决它,因为我尝试了很多技巧,但没有一个实际工作.如果你们中的任何一个人修好了请分享.
我正在运营一个亚洲电子商务网站,用户可以在其中发布产品图片.有没有办法禁用页面上只有1个特定图像的右键单击?
例如,在查看产品时,会有一个大图像,然后是产品的一些缩略图.当我试图右键单击大图像时,我想禁用右键单击,但如果他们试图右键单击缩略图,我不希望右键单击禁用.
谢谢
ps - 我完全理解为什么不禁用右键单击的可用性原因,但亚洲的版权和图像盗窃是一个比北美国家更大的问题.此外,对于卖家而言,这比实际保护内容更为安心.
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 %}
Run Code Online (Sandbox Code Playgroud)
我想将上面的图像设置为表格的背景.如果我在标签中设置相同的图像,它将来显示,但作为背景它不会发生.作为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;
}
}
Run Code Online (Sandbox Code Playgroud)
我试过这个css,仍然是同样的问题是他们的.
css ×6
html ×3
image ×3
printing ×3
browser ×2
javascript ×2
django ×1
right-click ×1
sprite ×1