顯示CSS屬性不會影響打印樣式表工作

我定義了屏幕顯示CSS屬性不會影響打印樣式表工作

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

如果我通過visibility: hidden更改屬性display:none和display:block通過visibility: visible一切看起來都因爲我想在打印，但在我的網頁，上面有白色的區域。我已經2天有這個問題。我在做什麼錯？

來源

2013-04-24 Cristhian Boujon

是樣式表''style.css'後包含'printable.css'？你試過'display：block;'而不是'display：inline-block;'？ – Morpheus 2013-04-24 15:25:39

''print.css'包含在'style.css'之前我認爲這並不重要，因爲printable.css具有'media =「print」'所以只有當頁面被打印或者我錯了時才使用它。我不嘗試'顯示：塊'，但爲什麼應該工作？ – 2013-04-24 15:33:20

的style.css沒有媒體類型，以便將覆蓋所有媒體類型，嘗試添加媒體=「屏幕」來了，希望應該工作，如果沒有，那麼你需要切換各地

來源

2013-04-24 15:38:39 Jag

添加'media =「screen」'就夠了！謝謝！！！ – 2013-04-24 15:47:06

顯示CSS屬性不會影響打印樣式表工作

回答

相關問題