显示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天有这个问题。我在做什么错？

是样式表''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没有媒体类型，以便将覆盖所有媒体类型，尝试添加媒体=“屏幕”来了，希望应该工作，如果没有，那么你需要切换各地

添加'media =“screen”'就够了！谢谢！！！ – 2013-04-24 15:47:06

显示CSS属性不会影响打印样式表工作

相关推荐