我的样式表包含以下行,用于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网站中媒体查询的更多信息。

10-05 20:38
查看更多