扩展栏效果:关键逻辑:父:position:relative; display:none; 子:position:absolute;
①子元素样式
.son{
padding:10px;
background-color:#003300;
color:#FFFFFF;
width:300px;
height:300px;
display:none;
position: absolute;
z-index:999; //必须比父元素的要大
left:-30px;
top:-20px;
}
②父元素样式
.father {
z-index:99px;
width:400px;
height:400px;
position:relative;
}
③父div hover的设置
div:hover .son{
display:block;
}
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。