你自己看下,先考虑下布局
关注ReSur的微信body {margin: 0;background-color: #FAFAFA;}
.block {position: relative;margin-top: 275px;width: 100%;height: 195px;background: #00C389;}
.draw {position: relative;margin: 0 auto;height: 391px;height: 579px;background: url('http://1992s.com/images/wechat-bg.png') no-repeat;}
.draw_box{margin: 134px 0 0 409px; background:#000; width:219px; height:391px; float:left; overflow:hidden; position:relative;}
.phone {position: absolute;top: 137px;left:0;width: 219px;height: 391px;text-align: center;background: white;transition: top 1s;-webkit-transition: top 1s;-moz-transition: top 1s;-o-transition: top 1s;}
.phone:hover {top: 0px;}
.qrcode {position: relative;top: 87px;margin: 0 auto;width: 165px;height: 165px;background: url('http://1992s.com/images/wechat.png') no-repeat;}
.text {position: relative;top: 140px;font: 12px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif,"Microsoft YaHei","微软雅黑";}
或在“查找公众号”
中搜索“ReSur”