隐藏来自浏览器内置查找功能的DIV元素

时间:2014-12-11 14:46:01

标签: javascript html css

好的伙计,继承人。我的页面中有两个div用于可滚动表的目的。 这一切都运行正常(我发布了代码,但页面很复杂,我们带来了所有的数据库数据。而且我不想违反我公司的任何隐私规则。)无论如何。我有两个div包含完全相同的数据,我有z-index'd可滚动div在另一个上面。隐藏的div仅存在以显示表头。我必须在两个div中写出数据,因此表头的单元格是正确的宽度,因为宽度是通量。无论如何,既然爆炸已经结束,那就是问题所在。使用CTRL + F查找表中的项目时。当它找到一个项目时,它说它找到了两个,因为它在div中找到隐藏的值。反正在HTML,CSS,JAVASCRIPT中是否包含find函数中隐藏div的内容?

很抱歉这么长时间的探索。这是我在这里的第一个问题,只是想彻底。

谢谢你们给予的任何帮助。

代码:这会写出div和表 response.write "<div id='container'>" response.write "<TABLE BORDER=1 style='border: solid; ' WIDTH='100%'>" call writeHeader call writeData response.write "</table><div id='divToShow'><TABLE BORDER=1 style='background-color: white;border: solid;' WIDTH='100%'>" objrst.Close objRst.Open Sql call writeData call writeHeader response.write "</div></table></div>"

CSS:

<style>
#container {
    width: 100%;
    height: 650px;
    position: relative;
    overflow: hidden;
}

#divToShow {
    width: calc(100% + 5px);
    height: 650px;
    position: absolute;
    top: 46;
    left: 0;
    overflow-x: scroll;
    overflow-y: scroll;
}

#divToShow {
    z-index: 10;
}

1 个答案:

答案 0 :(得分:0)

事实证明,将可见性设置为隐藏可以满足您的要求:

td {
    visibility:hidden;
}  

此示例说明了它:http://jsfiddle.net/c26pn017/

但正如我在评论中所说,我宁愿去挖掘,以找出如何构建固定的标头表。