亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

您的位置:首頁技術文章
文章詳情頁

css3 - CSS中怎么讓一個div成為遮罩?

瀏覽:151日期:2023-08-04 18:29:57

問題描述

也就是說讓一個p限定在另一個p的區域里面(類似于css background-image中大尺寸圖片定義在小尺寸的p中,圖像只顯示其在小尺寸p中的部分---但是這里不用background-image,而是換成一個p,就不知道怎么實現了 ╮( ̄  ̄)╭)

比如這個隨便寫的這個網頁,想讓 .phone:hover 上移的p只顯示其在手機屏幕中的部分

問題解答

回答1:

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

<!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml'> <head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' /><title>關注ReSur的微信</title><style type='text/css'>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','微軟雅黑';}</style><link rel='shortcut icon' href='http://m.lshqa.cn/favicon.ico' type='image/x-icon' /><script type='text/javascript' src='http://1992s.com/wp-content/themes/portfolio-press-child/js/info.js'></script></head><body><p class='block'> <p class='draw'><p class='draw_box'> <p class='phone'><p class='qrcode'></p><p class='text'> <p>或在“查找公眾號”<br />中搜索“ReSur”</p></p> </p></p> </p></p></body></html>

標簽: CSS
相關文章:
主站蜘蛛池模板: 欧美成人3d动漫专区 | 欧美一级毛片免费看高清 | 成人久久影院 | 亚洲国产精品乱码在线观看97 | 在线亚洲精品中文字幕美乳 | 波多野结衣一级片 | 国产精品资源手机在线播放 | 日韩免费高清一级毛片在线 | 亚洲综合天堂 | 国产精品1区 2区 3区 | 国产一区二区三区四区在线 | 日本黄色免费大片 | a级毛片免费观看在线播放 a级毛片免费看 | wwwxxx欧美| 欧美成人久久 | 国产欧美一区二区精品性色 | 波多野结衣一区在线观看 | 91麻精品国产91久久久久 | 国产一区欧美 | 毛片在线免费视频 | 日韩欧美国产精品第一页不卡 | 欧美色欧美亚洲高清在线视频 | 成人a级| 欧美成人三级大全 | 99热在线获取最新地址 | 欧美国产综合在线 | 免费播放aa在线视频成人 | 亚洲天堂最新网址 | 黄黄的网站在线观看 | 久久国产精品久久久 | 亚洲一区二区三区成人 | 一本色道久久88亚洲综合 | 日韩a毛片免费全部播放完整 | 国产成人影院一区二区 | 国产成人理在线观看视频 | 欧美日韩中文一区二区三区 | 久操免费 | 亚洲国产精品久久卡一 | 成年美女黄网站色视频大全免费 | 在线观看免费a∨网站 | 香港三级日本三级人妇网站 |