0

我为屏幕定义了一个样式表

<link type="text/css" rel="stylesheet" href="PATH/style.css">

和一个用于打印的样式表

<link media="print" type="text/css" rel="stylesheet" href="PATH/printable.css">

在 style.css 中有一些项目没有显示

#img-sign{
    display:none;
}

.signatures{display:none;}

但是当我打印时，我想显示它们，所以在 printable.css

#img-sign{
    width:370px;
    display:inline-block;
}

.signatures{
    text-align:center;
    margin-top:80px;
}

问题是这些元素不会出现在打印中。

这是我的 HTML 代码

<div id="preview">
    <img src="PATH" id="img-sign" />
    <div class="signatures">
        <div class="profesional-signature">
            <hr>
            Profesional signature
        </div>
        <div class="customer-signature">
            <hr>
            Customer signature
        </div>
    </div>
</div>

如果我逐步更改属性display:none，打印visibility: hidden中display:block的visibility: visible所有内容看起来都符合我的要求，但在我的网页中，会有白色区域。我已经有2天了这个问题。我究竟做错了什么？

4

1 回答 1

0

style.css 没有媒体类型，因此它将涵盖所有媒体类型，尝试添加 media="screen" 并希望它可以工作，如果没有，那么您将需要切换样式表

于 2013-04-24T15:38:39.033 回答