panel.BackImageUrl不可见的印刷

Question

我创建使用asp.net和C＃应用程序时。我得到了一个需要在图像上输出日期的点。我创建了一个面板，并将该图像设置为面板背景，并在其中放置了大量标签。但是，当我想打印该页面背景不可见时。我需要让背景可见。有什么建议么？

Answer 1

你没有看到它在打印屏幕，因为你还没有明确的print CSS规则定义它。

使用@media print {} CSS规则您可以在打印时应用相同的样式，否则在打印输出时将看不到背景图像等内容。

的@media规则允许在同一个样式表不同媒体不同的样式规则。

对于您的情况，您可以使用@media screen and print{}包装将图像的样式换行，并且您在打印时会看到它们，就像在屏幕上进行打印一样。

@media screen and print { 
    panel.BackImageUrl { background-image:url(...); } 
} 

或者您可以使它在打印输出上有所不同。例如，以下将显示在14px的font-size在屏幕上，但只有10px当你打印。

panel.BackImageUrl { 
    background-image:url(...); 
    font-size:14px; 
} 

@media print { 
    panel.BackImageUrl { 
    background-image:url(...); 
    font-size:10px; 
    } 
}