display属性实现BBS中栏目点击隐藏功能

最新推荐文章于 2022-10-29 16:31:48 发布

原创最新推荐文章于 2022-10-29 16:31:48 发布 · 506 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bbs #文档 #css

本文探讨了DIV+CSS布局中的display属性及其在隐藏网页元素中的应用，通过实例展示了如何使用display属性实现元素的隐藏效果。

<html>

<head>
<title>DIV+CSS页面布局display</title>
<style>
a:hover{
position:relative;
bottom:2px;
left:2px;
}

#main {
position:absolute;
left:1px;
top:1px;
height:100px;
width:100px;
background:#FF0000;
z-index:-1;

}

#dis{
display:none; //文档流隐藏，位置不在 ,bbs栏目点击隐藏此原理

}
</style>

</head>

<body>

<div id="dis">
<a href="www.totoweiyu.com">TOTO洁具</a><br>
<a href="www.totoweiyu.com">TOTO洁具</a><br>
<a href="www.totoweiyu.com">TOTO洁具</a><br>
<a href="www.totoweiyu.com">TOTO洁具</a><br>

<a href="www.totototo.cn">TOTO卫浴官方网站</a><br>
<a href="www.totototo.cn">TOTO卫浴官方网站</a><br>
<a href="www.totototo.cn">TOTO卫浴官方网站</a><br>
</div>

ccccccccccccccccccccccccccccccccccccccccccccccccccccc<br>
<DIV id="main">

</DIV>

</body>