css控制div显示隐藏，css隐藏显示元素的方法

DIV+CSS(当隐藏ul显示的时候,被li遮住了)

1、首先需要做的就是创建两个div。创建了div后，我们需要分别给它们Class属性。接下来，我们使用css，通过Class属性给它们设置样式。

2、在CSS中写入代码。找到相关性的CSS，在。.li和.ul下写入list-sytle：none；当然有的会这样来写list-style-type：none， 这种写法特别是在一些CMS中最常见。

3、鼠标移至“发布年月”时出现了96年到2013年，随便移至哪个年份上都能出现1-12个月的li，如上图所示，现在移至年份时出现的月份li会被下一层的遮住，设置了z-index以及相应层的position属性，还是不行。

4、.content6-1 ul li{width：700px；height：390px；position：absolute；top：0；left：0；display：block；}你的第三行代码，将none改成block，像上面那样。

相关问答

Q1: css如何让一个隐藏的div不占据空间

1、html 中有让隐藏又不占位的CSS样式。页面上有一个按钮和一个div，div默认隐藏，当按按钮的时候div居中显示，后页面变灰，按确定后，div重新隐藏，后页面显示。超文本标记语言，标准通用标记语言下的一个应用。

2、新建一个html。在body加入测试的html。引入jquery（我这边的jquery是下载到自己本地的，注意路径）。在script标签下加入这段代码（就是jquery隐藏div的代码）。没有加隐藏代码效果。加了隐藏代码效果。

3、实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。CSS display 属性 display 属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。

Q2: css中overflow被隐藏的内容如何正常的显示出来

1、在css 里 html设置了overflow：hidden 滚动条被隐藏，在chrome中可以用鼠标滚轮滚动内容，但是在ie里（我用的ie10）鼠标滚轮无效，只能把内容选中然后往下拖。

2、用了overflow：hidden； 所有溢出的都会被截断隐藏。所以你现在要显示的那一部分会继承父级属性，所以你可以把显示的样式overflow：visible写在行内试试，或者把下面的div分成两部分分开写。

3、查看网页源代码：右键点击网页上的隐藏文字区域，选择“查看页面源代码”选项。在打开的源代码页面中，可以搜索隐藏文字的标签或CSS类名，并查看其样式属性。

4、你把图片的left值设为-20px，相当于左边隐藏了-20px的宽度，右边溢出的照样隐藏。

5、使用css设置div隐藏（display：none），并且设置div内的文字颜色为红色（color：red）。使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把div的display属性设置为block，把div显示出来。

6、会增加工作量，我的问题是，能不能在不修改我本身的这个JS的前提下，实现我这个功能，CSSHACK，或者其他的办法都可以。

关于css控制div显示隐藏和css隐藏显示元素的方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。