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(...); }
}

或者你可以在打印输出上有所不同。例如，以下内容将在屏幕上显示font-size 14px，但在打印时仅显示10px。

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

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

panel.BackImageUrl打印时不可见

1 个答案: