如何在IE打印预览页面中显示通过javascript以编程方式隐藏的div？

Question

我在页面加载时通过jquery隐藏的页面上有一些div。然后，用户可以通过按钮点击隐藏和显示它们。

我有一个按钮可以打开打印预览和打印预览使用的media =“print”样式表。

我打算在打印预览页面打开时显示所有div，无论它们是否隐藏。我不能为我的生活弄清楚如何。

我以为我可以将它显示在打印CSS中，如...

.headerContent > * {
    visibility: visible;   
}

其中标题内容是隐藏div的父级。但这不起作用。

jQuery通过.hide（）隐藏div，我相信它也只是翻转了visibility属性。

有什么想法吗？

Answer 1

jQuery hide（）使用display: none而不是visibility: hidden。您可以在this thread中详细了解原因。要显示div，您可以尝试以下css

.headerContent > * { 
 display: block;    
} 

或者您可以使用jquery选择器并使用此代码单击打印按钮上的所有div

$(".headerContent").show();