弹出框——边缘透明
弹出框——边缘透明
CSS部分:
p{margin:0;padding:0;}
.alertbox{position:relative;width:500px;height:auto;overflow:hidden;padding:5px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.alertbox_hd{background:#F8F8F8;border-top-right-radius:3px;border-top-left-radius:3px;-moz-radius-topright:3px;-moz-radius-topleft:3px;height:24px;line-height:24px;padding:0 10px;}
.alertbox_bd{background:#fff;padding:10px;}
.alert_blank{width:100%;height:2000px;position:absolute;left:0;top:0;background:#333;opacity:0.3;filter:Alpha(Opacity=30);z-index:-5;}
BODY部分:
<div class="alertbox">
<div class="alertbox_hd">sd</div>
<div class="alertbox_bd">
<p>sdfd</p>
<p>sdfd</p>
<p>sdfd</p>
<p>sdfd</p>
<p>sdfd</p>
</div>
<div class="alert_blank"></div>
</div>
p{margin:0;padding:0;}
.alertbox{position:relative;width:500px;height:auto;overflow:hidden;padding:5px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.alertbox_hd{background:#F8F8F8;border-top-right-radius:3px;border-top-left-radius:3px;-moz-radius-topright:3px;-moz-radius-topleft:3px;height:24px;line-height:24px;padding:0 10px;}
.alertbox_bd{background:#fff;padding:10px;}
.alert_blank{width:100%;height:2000px;position:absolute;left:0;top:0;background:#333;opacity:0.3;filter:Alpha(Opacity=30);z-index:-5;}
BODY部分:
<div class="alertbox">
<div class="alertbox_hd">sd</div>
<div class="alertbox_bd">
<p>sdfd</p>
<p>sdfd</p>
<p>sdfd</p>
<p>sdfd</p>
<p>sdfd</p>
</div>
<div class="alert_blank"></div>
</div>
design_ss- 帖子数 : 122
积分 : 373
威望 : 0
注册日期 : 11-12-28
您在这个论坛的权限:
您不能在这个论坛回复主题
10/09/13, 06:50 am 由 design_ss
» javascript 函数的方法call()和apply()
09/09/13, 05:10 am 由 design_ss
» JS中typeof与instanceof的区别
08/08/13, 11:10 am 由 design_ss
» JS中的构造函数解析
08/08/13, 09:44 am 由 design_ss
» js对象属性方法大总结
08/08/13, 08:46 am 由 design_ss
» js中的值类型和引用类型小结 文字说明与实例
08/08/13, 06:35 am 由 design_ss
» CSS3中轻松实现渐变效果
05/07/13, 09:48 am 由 design_ss
» jQUery 常用实例
03/07/13, 09:56 am 由 design_ss
» mask_layer 遮照
03/07/13, 08:18 am 由 design_ss