Question

出于打印原因，我想仅显示图像并隐藏页面的其余部分。我试过这个：

<style media="print">
    body {display: none;}
    .print {display: inline;}
</style>
<body>
    <!-- some stuff before -->
    <img class="print" src="myimage.jpg">
    <!-- some stuff after -->
</body>

但它不起作用：没有显示任何内容。 IMO .print比身体更具体，因此应该具有更高的优先级。使用*代替身体也不起作用。

Answer 1

尝试

<style media="print">
    body > * {display: none;}
    .print {display: block;}
</style>

您无法隐藏整个身体，因为身体中包含图像。另外，我不确定，但我认为你需要将图像显示为块才能打印出来。

CSS：仅显示图像

1 个答案: