我的样式表包含以下行,用于ie8及更早版本中的拉伸背景图像,
它的工作原理很完美,但是当我尝试打印到pdf文件时,它会粘在计算机上:
body
{
height:100%;
width:100% ;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="/images/LOGO.PNG", sizingMethod="scale");
}
我该怎么办?
谢谢。
最佳答案
媒体查询是您的朋友,:-)
@media screen {
body {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="/images/LOGO.PNG", sizingMethod="scale");
}
}
@media print {
body {
background-image: url("/images/LOGO.PNG");
}
}
这将迫使浏览器仅在屏幕上应用您的过滤器,因此它不会落在打印(以pdf或其他方式)上。
这是有关MDN网站中媒体查询的更多信息。