教你彻底解决css中设置z-index的值无效的问题
2016-12-05 13:36
225 查看
在使用z-index这个属性之前,我们必须先了解使用z-index的必要条件:
1、要想给元素设置z-index样式,必须先让它变成定位元素,说的明白一点,就是要给元素设置一个postion:relative(定位元素:position属性值设置除默认值static以外的元素,包括relative,absolute,fixed)样式。
2、不要给想控制“上、下”的元素设置z-index,而是对他们的父容器设置z-index样式。
看懂了以上两点,我们就明白了如何才能使用z-index这个属性,那就是我们在使用z-index前,先将元素定位,例如position:relative;然后再后面再添加z-index:2000就OK了。
1、要想给元素设置z-index样式,必须先让它变成定位元素,说的明白一点,就是要给元素设置一个postion:relative(定位元素:position属性值设置除默认值static以外的元素,包括relative,absolute,fixed)样式。
2、不要给想控制“上、下”的元素设置z-index,而是对他们的父容器设置z-index样式。
看懂了以上两点,我们就明白了如何才能使用z-index这个属性,那就是我们在使用z-index前,先将元素定位,例如position:relative;然后再后面再添加z-index:2000就OK了。
相关文章推荐
- 解决css中z-index无效问题
- z-index设置无效和元素重叠显示的问题解决
- 彻底解决Eclipse不能为JSP编辑器指定编码的问题(设置UTF-8无效)
- 彻底解决Eclipse不能为JSP编辑器指定编码的问题(设置UTF8无效)
- html中设置z-index无效问题解决
- 二级下拉菜单被遮住,css设置z-index在ie下没作用的问题解决办法
- html + css 在设置了 z-index 属性后没效果的问题解决办法
- 彻底解决!无效的 CurrentPageIndex 值.它必须大于等于 0 且小于 PageCount!的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- css设置z-index 失效的解决方法
- Struts2.0页面跳转css无效问题的解决方法
- 解决ActiveX插件Z-Index属性无效问题
- z-index应用 解决css层次问题
- CSS中的z-index属性设置问题 本文来源于[沒有觀點]
- vs无法设置断点或断点无效问题解决方法
- Jsp中的DOCTYPE问题——解决css中的margin居中无效问题
- 解决ActiveX插件Z-Index属性无效问题
- 彻底解决:Apache启动问题—(OS 10022)提供了一个无效的参数。
- 解决串口通讯中部分串口ReadFile使用SetCommTimeouts设置超时无效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题