仿ios弹出层提示框

最新推荐文章于 2024-09-13 11:16:33 发布

弹琴弹琴

最新推荐文章于 2024-09-13 11:16:33 发布

阅读量2.2k

点赞数

分类专栏： HTML5+CSS3点滴知识文章标签：自定义弹出层

本文链接：https://blog.csdn.net/bbsyi/article/details/50787410

版权

HTML5+CSS3点滴知识专栏收录该内容

50 篇文章 0 订阅

订阅专栏

html:

<div class="point_pop pf">
			<div class="pop_box pf">
				<div class="msg">
					<h3></h3>
					<p class="tc f140pct">点言成功！</p>
				</div>
				<div class="msgbtn">
					<p class="tc f140pct">确定</p>
				</div>
			</div>
		</div>

css:

#yuanfangpoint .point_pop{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
#yuanfangpoint .pop_box{
	left: 50%;
	top: 50%;
	width: 250px;
	height: 120px;
	background-color: white;
	margin-top: -60px;
	margin-left: -125px;
	border-radius: 5px;
}
#yuanfangpoint .pop_box .msg{
	height: 79px;
	line-height: 79px;
	border-bottom: 1px solid #9C99A2;
}
#yuanfangpoint .pop_box .msgbtn{
	height: 40px;
	line-height: 40px;
	color: #3465A4;
}