午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術(shù)文章
文章詳情頁

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

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

問題描述

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

比如這個隨便寫的這個網(wǎng)頁,想讓 .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://www.leifengta.com.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
相關文章:
主站蜘蛛池模板: 黄色大片在线播放 | 高跟鞋肉丝交足91 | h视频在线看 | 欧洲亚洲综合 | 在线观看免费黄色 | 成人高清网站 | 91国内在线 | 欧美国产精品 | 伊是香蕉大人久久 | 日韩在线视频免费看 | 精品一区二区三区四区五区六区 | 久久国产精品波多野结衣 | 日韩中文在线视频 | 国产在线视频网站 | 亚洲自拍中文字幕 | 韩国舌吻呻吟激吻原声 | 亚洲视频在线看 | 69综合网 | 天天艹天天射 | 日韩在线视频第一页 | h片在线免费观看 | 香蕉网在线观看 | 久久av免费观看 | 日本少妇做爰全过程毛片 | 99re视频这里只有精品 | 亚洲日日骚 | 国产色悠悠 | 99啪啪| 欧洲在线视频 | 午夜免费看 | 国产精品wwww | 成人在线观看高清 | 中文字幕在线观看网站 | 久久嫩草精品久久久久 | 日韩av手机在线播放 | 天天透天天操 | 天堂视频网 | 欧美色国| 校园春色第一页 | 黄色片aaaa| 九九久久久 |