html - display css プロパティが印刷スタイルシートで機能しない

Question

画面のスタイルシートを定義しました

<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印刷物ではすべてが思いどおりに見えますが、Web ページでは白い領域が表示されます。私はこの問題で2日間過ごしました。私は何を間違っていますか？display:blockvisibility: visible