z-index失效问题

原创 zx940924 随笔 css 199阅读 2017-12-19 10:58:10 举报


z-index :
设置元素的堆叠顺序。
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。


发现:
当某节点不用 position 属性,
但为节点加上 z-index 属性,
会发现 z-index 对节点没起作用。


解决:
定义的CSS中有position属性值为absolute、relative或fixed,
用z-index才生效。


说明:
z-index可拥有负的 z-index 属性值。
w3school说明:该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。


简言之,此属性参数值越大,则被层叠在最上面。
所有主流浏览器都支持 z-index 属性。
任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复