本節(jié)hover彈出的資料框位置
正如本節(jié)的例子,按照老師的代碼完成后,我的鼠標懸浮在圖片之后,彈出的資料框在本頁的最底下。復查多變代碼和老師的一樣,不知道為啥
.demo?a?span{ position:absolute; z-index:33; bottom:2px; left:2px;/*設置位置?*/ width:300px; height:40px; filter:alpha(opacity=50);/*設置透明度?ie6,0-100*/ -moz-opacity:0.5;/*老版本Firefox*/ opacity:0.5;/*css標準,firefox?safari?Opera*/ -webkit-opacity:0.5;/*舊的safari?Chrome*/ -khtml-opacity:0.5;/*KHTML內(nèi)核而不是webkit內(nèi)核的safari*/ background:#000; color:#fff; line-height:40px; text-align:center; display:none; } .demo?a:hover{ border:2px?solid?#C03 } .demo?a{ width:300px; display:block; border:2px?solid?#ccc; } .demo?a:hover?span{ display:block; }
2016-11-30
.demo{position:relative;}