【发布时间】：2011-07-05 19:47:43
【问题描述】：
我正在使用一种简单的技术来防止我的页面出现 FOUC。我的页面上有一个“反馈”滑动按钮，最初在我的样式表中设置为 display:none。稍后，当加载 JS 并加载滑动代码时，我将 .css('display', 'block') 与 jQuery 一起应用。效果很好。
但是，当有人打印页面时，我的滑动按钮及其内容会显示在打印版本中，即使我为 print.css 中的 DIV 声明 display:none。我怎样才能解决这个问题？
【问题讨论】：
-
你的 print.css 是否有 @print{} 行？或者
link标签有media="print"属性？ -
好吧，你能展示一下应该在打印样式表中使元素“显示：无”的 CSS 吗？这些东西确实有效，但在出现错误时无效:-)
-
@Pointy: user620240 将 css('display', 'block') 与 jQuery 一起应用，它覆盖了 CSS 中的 display: none。 !important 在打印样式中应该可以解决问题。
-
好的，使用“！important”是一种黑客行为，所以如果它导致其他问题，我建议不要直接应用“display：block”。相反，将类名添加到
<body>标记（或其他东西）并使用 CSS 使元素在类名存在时可见。然后你可以从打印 CSS 中省略那部分。
标签： javascript jquery css fouc