Html
    Css
    Js

    
                        
input {
	display:block;
	margin:0 auto;
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:10;
	cursor:pointer;
}
p {
	font-size:14px;
	line-height:100px;
	position:absolute;
	top:0;
	left:8px;
	z-index:5;
	margin:0;
}
form {
	margin:0;
}
.box {
	width:100px;
	height:100px;
	border:1px solid #f60;
	border-radius:50px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.big-box {
	width:100%;
	height:250px;
	position:relative;
	margin-top:10px;
	overflow:hidden;
	padding-top:150px;
	border:1px solid #000000;
}
.bg-img {
	position:absolute;
	width:100%;
	-webkit-filter:blur(50px);
	z-index:-1;
	top:0;
}
img {
	width:100%;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

点击上传图片,同时设该图片为背景,模糊的哦

1
      梦萌比较懵。0
      2017/6/12 11:23:26
      为什么  中间圆圈的图显示一半? 回复