简单的漂浮广告,在网页可视区域飘动
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin:0;
padding: 0;
}
#box{
width: 400px;
height: 600px;
/*border: 1px solid black;*/
position: relative;
float: left;
left: 0;
top: 0;
background: url("../2019.1.8/3.jpg")no-repeat;
background-size: 100% 100%;
}
#guan{
width: 15px;
height: 15px;
border: 1px solid black;
border-radius: 50%;
position: absolute;
right: 0;
top: 0;
text-align: center;
line-height: 15px;
}
#fang{
width: 100px;
height: 100px;
opacity: 0.3;
border-r