CSS样式增加loading图标

最新推荐文章于 2022-07-16 13:29:58 发布

weixin_33961829

最新推荐文章于 2022-07-16 13:29:58 发布

阅读量184

点赞数 1

文章标签： python

原文链接：https://my.oschina.net/enjoymore/blog/495885

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
.loading {
	width: 160px;
	height: 56px;
	position: absolute;
	left:50%;
	top:50%;
	line-height: 56px;
	color: #fff;
	padding-left: 60px;
	font-size: 15px;
	background: #000 url(../quotation/content/images/loading.gif) no-repeat
		10px 50%;
	opacity: 0.7;
	z-index: 9999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
</style>
</head>

<body>
	<div id="loading" class="loading">Loading pages...</div>
</body>
</html>

图标