Question

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

这可能吗？

Answer 1

您可以使用CSS media types。

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

以下是一个例子：

<!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>

将其保存到文件并在浏览器中查看，您只能看到“屏幕标题”。打印同一页面，您将看到“Header for print”。

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

是否可以将元素设置为仅在删除<img/>元素时显示？

1 个答案: