首页前端开发CSScss绝对定位的使用技巧

css绝对定位的使用技巧

时间2024-05-24 01:50:15发布访客分类CSS浏览104
导读:本文实例讲述了绝对定位元素被遮挡的解决方法。分享给大家供大家参考。具体方法如下: ie7下 绝对定位元素即使z-index值很高,如果其设置相对定位的父元素没有设置z-index值的话,其可能(这种可能性当然是布局存在遮盖的时候)会被后面设...

本文实例讲述了绝对定位元素被遮挡的解决方法。分享给大家供大家参考。具体方法如下:

ie7下

绝对定位元素即使z-index值很高,如果其设置相对定位的父元素没有设置z-index值的话,其可能(这种可能性当然是布局存在遮盖的时候)会被后面设置了相对定位的元素遮挡(即使后面的相对定位的元素没有设置z-index值);

复制代码 代码如下:

  


如果上下这两个div存在互相遮盖的情况,那么下面的div会遮盖住上面的div

解决方法如下:

给被遮盖的绝对定位元素的设置了相对定位的元素设置z-index值

复制代码 代码如下:

  


希望本文所述对大家的web页面设计有所帮助。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css绝对定位的使用技巧
本文地址: https://pptw.com/jishu/666708.html
租用日本服务器的技巧是什么 解决Typecho出现"Database Server Error"和"Access denied"问题

游客 回复需填写必要信息