追求卓越一諾千金

藍藍設計-|注册充值送彩金的,2011年成立--诺基亚5233是什么系统,主創清華團隊_|金琅,專注軟件和互聯網ui設計開發|-百立乐奶粉最新事件。擅長企業信息化管理|_|我们结婚了泰民停拍、監控||优选彩票APP、大數據軟件UIUE谘詢和設計開發服務__35彩票35cpcc。立足UI|_qq帅网名,好好學習|-|波多野结衣13全集无码,天天進步--158彩票在线娱乐!


z-index不起作用的大坑

2019-5-18 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容__|人妻 中文字幕 ed2k,每天自動發到您的郵箱中|ca6707, 請點這裏

今天遇到的就是z-index不起作用的問題|_2020彩票。一個後台小哥不知道抽什麼瘋|_|运盛彩票pk10计划,寫元素覆蓋偏不讓用absolute-_讯累看看,搞的我之後廢了9牛二虎之力寫了一下_钢构的故乡,問題描述是這樣的|-105彩票官方版,

 一對兄弟節點,insert和parent-_八千网,parent有兩個子節點subtop和subbottom---郭美美死了吗,展現的結果是想讓subtop在insert上麵--_亿发彩票网,subbottom在insert下麵-|-优酷加速器下载,

代碼如下|_|仲博最新版官方下载:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .insert{
            position: relative;
            z-index:100;
            background: green;
            width:300px;
            height:300px;
            top:100px;
        }
        .parent{
            /*position:relative;
            z-index: 1000;*/
            width:200px;
            height:200px;
            /*left:0;
            top:-50px;*/
            border:1px solid #eee;
        }
        .subbottom{
            position:relative;
            z-index: 50;
            width:200px;
            height:200px;
            background: red;
            top:-100px;
            left:0;
 
        }
        .subtop{
            position: relative;
            z-index:1100;
            width:100px;
            height:100px;
            left:0;
            top:0;
            background: blue;
        }
    </style>
</head>
<body>
    <div class="insert"></div>
    <div class="parent">
        <div class="subtop"></div>
        <div class="subbottom"></div>
    </div>
</body>
</html>

其實原理也很簡單__中央一台直播播放,就是利用了z-index的覆蓋問題_-周润发艺术人生,在寫的過程中我發現無論怎麼改變---11选5在哪儿玩,insert的z-index總是無效的-|云顶国际赛车,於是百度了一下z-index無效的情況|-36选7开奖中奖规则,一共有三種-_|圣伊依:
1---阿拉尔租房网、父標簽 position屬性為relative娱乐天地检点手机版怎么下载;

2--钻石小鸟团购、問題標簽無position屬性(不包括static)-_-云顶彩票怎么样;

3--|进口车上牌流程、問題標簽含有浮動(float)屬性-_22彩票平台。

這樣也很好理解為什麼parent設置了position和z-index之後insert的z-index就會失效的問題了||_银彩票,他的解決辦法有是三個||让利是什么意思:


1-注册彩票送18元彩金app、position:relative改為position:absolute|-经营范围英文;

2-|-色啦啦、浮動元素添加position屬性(如relative-芦台二手房,absolute等)--1312彩票;

3-2000彩首页、去除浮動-_|星光龙门阵。

所以_-_人族大讲堂,去掉parent的position和z-index_|_葫芦岛一高中家长汇,達到了我想要的效果_-锦州世园会,如下圖所示__众赢国际合法的吗:

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司--_优信彩票输了,為期望卓越的國內外企業提供卓越的UI界麵設計|良田万能摄像头驱动、BS界麵設計 _-太比力克、 cs界麵設計 _||重庆关海洋、 ipad界麵設計 _|-雅迪电动车代言人、 包裝設計 -_3cp彩票、 圖標定製 ||_网络电视 cctv5、 用戶體驗 _-平望医院、交互設計_反间谍工作的主管单位是、網站建設 |_cfve、平麵設計服務|__大汉帝国美人心计。

標簽: z-index不起作用的大坑 « 優設輕訪談-_|鼻翼缩小要花多少钱!拿到需求無從下手__-2m彩票全年免费?來看這7位設計大咖的私藏搜索技巧 | 畫底部tab圖標不知道用麵性還是線性-2017西甲哪个台直播?»


訂閱Rss