900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html遮罩层怎么做 CSS中怎么让一个div成为遮罩?

html遮罩层怎么做 CSS中怎么让一个div成为遮罩?

时间:2022-01-26 09:57:28

相关推荐

html遮罩层怎么做 CSS中怎么让一个div成为遮罩?

你自己看下,先考虑下布局

关注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('/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('/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”

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。