Javascript 和 CSS FOUC 防止干扰打印样式表
我正在使用一种简单的技术来防止 FOUC 在我的页面上出现。我的页面上有一个“反馈”滑动按钮，最初在样式表中设置为 display:none 。稍后，当加载 JS 并加载滑动代码时，我将 .css('display', 'block') 与 jQuery 一起应用。效果很好。
但是，当有人打印页面时，我的滑动按钮及其内容会显示在打印版本中，即使我在 print.css 中为 DIV 声明了 display:none 。我该如何解决这个问题？
I'm using a simple technique to prevent FOUC on my page. I have a "feedback" sliding button on my page that's initially set with display:none in my stylesheet. Later, when JS is loaded and the sliding code is loaded, i apply .css('display', 'block') with jQuery. That works perfectly.
However, when someone prints the page, my sliding button and it's content are shown in the print version, even though i'm declaring display:none for the DIV inside the print.css. How can i fix this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
使用： 。
也许在您的打印样式中
Maybe use:
in your print style.