手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css弹出层覆盖底层具体实现
css弹出层覆盖底层具体实现
摘要:#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:...

#mcover {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.7);

display: none;

z-index: 20000;

}

#mcover img {

position: fixed;

right: 18px;

top: 5px;

width: 260px!important;

height: 180px!important;

z-index: 20001;

}

<li>

<a href="javascript:void(0);">

<div id="mcover">

<img src="../images/guide.png">

</div>

<div>

<div><img src="../images/vip_1.jpg"></div>

</div>

</a>

</li>

【css弹出层覆盖底层具体实现】相关文章:

div+css垂直居中的五种实现方法

css返回顶部图标固定在浏览器右下角且兼容ie6

用css实现透视效果

css代码格式化清理工具

css3中圆角和阴影的实验

完全css弹出菜单

CSS导航布局中当前页面的具体实现demo示例

css实现鼠标悬停时滑出层提示的方法

css强制文字不换行实现代码

css的字体属性详解

精品推荐
分类导航