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;
  }
}