手机wap页面底部固定条（html+css）

实现效果：

html：

<div class="bottom"><img src="img/bottom.jpg" alt="" /> <a href="*下载链接*" id="download"></a> </div>

css：

.bottom {    width: 100%;    position: fixed;    bottom: 0;    z-index: 3;    left:0;    background-image:url(*背景图地址*);    background-repeat:no-repeat;    background-size:100% 100%;        height: 1.3rem;}#download{    background:url(*按钮图片*) no-repeat;    background-size:100% 100%;    display:block;    z-index:5;    height:0.9rem;    width:40%;    border:none;    border-radius:5px;    position:relative;    float:right;    bottom:1rem;    right:0.3rem;    }