0

出于打印目的，我删除了 IMG 元素，但我希望在删除 IMG 元素时在站点的另一部分显示 H1 元素。

这可能吗？

4

1 回答 1

1

您可以为此使用 CSS媒体类型。

不要认为它是在删除另一个元素时揭示一个元素；而是将其视为有选择地显示元素，具体取决于它们是用于打印还是用于屏幕。

这是一个例子：

<!DOCTYPE html>
<html>
<head>
<style>
@media print {
    .screenonly { display: none; }
}
@media screen {
    .printonly { display: none; }
}
</style>
</head>
<body>
<h1 class=printonly>Header for print</h1>
<h1 class=screenonly>Header for screen</h1>
</body>
</html>

将此保存到文件并在浏览器中查看，您只会看到“屏幕标题”。打印同一页，您将看到“打印页眉”。

这种技术适用于任何元素，并可用于为打印或屏幕设置任何 CSS 样式。

于 2012-05-06T10:25:39.533 回答