首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用javascript打印屏幕上隐藏的部分

使用javascript打印屏幕上隐藏的部分
EN

Stack Overflow用户
提问于 2011-03-25 15:13:09
回答 3查看 1.1K关注 0票数 1

我遇到了一个以前从未遇到过的小问题:我使用javascript (jQuery)在网页的标签上显示不同的信息。所以我要做的是,隐藏那些没有被查看的标签,只显示正在查看的选项卡。

这是很好的工作,但现在我添加了一个打印特定的样式表,我想打印所有标签的信息,而不仅仅是一个被查看。

如何取消打印样式表中这些部分的javascript隐藏?

编辑:其他信息:

我使用jQuery隐藏所有div.tabs sections,并在打印样式表中设置:

代码语言:javascript
运行
复制
.wrapper div.tabs sections {
    display: block;
}

假设.wrapper div.tabs sections的值高于div.tabs sections,将使部分可见。但它不.

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-03-25 15:22:17

最好的方法是更改JavaScript,使其修改应用于元素的类,而不修改.style.display。然后,您可以使用屏幕和打印媒体样式表对这些类的元素进行不同的定位。

快速和肮脏的方法是在打印媒体样式表中使用!important

票数 2
EN

Stack Overflow用户

发布于 2011-03-25 15:22:25

你真正需要的就是CSS。只需定义一些在印刷时显示的东西。

以下是例子:

代码语言:javascript
运行
复制
@media print {
    div.print_show{ dispay: block; }
    span.print_show{ display: inline; }
    .print_hide{ display: none; }
}
票数 1
EN

Stack Overflow用户

发布于 2011-03-25 15:15:10

您可以添加一个额外的类来添加显示:块到您的print.css中。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5434366

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档