注册

CSS设置弹出层div的透明度样式

嗨豆壳技术文章 时间:2014-08-31 14:01:49 [ray]

弹出层CSS样式代码

弹出窗口灰色透明背景层,不能操作.

#wrap-mask {
position:absolute; top:0; left:0; width:100%;height: 100%; background:#000; 
filter: alpha(opacity=70); /* IE浏览器专用 */
opacity: 0.7;
}

弹出窗口内容层

#wrap-content {
position:absolute; top:50%; left:50%;
width: 300px;height: 400px;
margin-left: -150px;
margin-top: -200px;
弹出层HTML代码

分为两个DIV,一个为遮罩层(即半透明背景层),一个为内容层

<div id="wrap-mask"></div>
<div id="wrap-content">内容</div>

从代码看其实很简单,大家可以根据需要改为自己想要的效果。

标签

本文地址:https://www.hi-docs.com/article/70.html

上一篇:CSS3实现鼠标悬停(放在文字上)时文字渐变切换

下一篇:百度免费IP地址查询API,查询接口