下面這兩段代碼的作用是什么啊？為什么position設(shè)置為absolute？還有。。。。
.box?input?{
??opacity:?0;
??position:?absolute;
??top:0;
??left:0;
??width:?100%;
??height:100%;
??z-index:100;/*使input按鈕在span的上一層，不加點(diǎn)擊區(qū)域會(huì)出現(xiàn)不靈敏*/
}
.box?span?{?
??display:?block;
??width:?10px;
??height:?10px;
??border-radius:100%;
??position:?absolute;
??background:?#fff;
??top:?50%;
??left:50%;
??margin:?-5px?0??0?-5px;
??z-index:1;
}
2017-10-10
這個(gè)是relative和absolute的組合使用，.box中加入了position:relative（相對(duì)定位）即：不脫離文本文檔流相對(duì)原來的位置定位，.box的子元素input和span 定義了position:absolute（絕對(duì)定位）脫離文本文檔流相對(duì)于.box進(jìn)行定位。具體的解釋 你可以看一下 前端課程里的 HTML/CSS基礎(chǔ)課程 的12-9那節(jié)課！
2015-12-27
不這樣的話z-index無效，z-index依賴于position：relative，或者position：absolute。