色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

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

html - 如何用css令背景圖能夠撐滿本身會滾動的頁面?

瀏覽:115日期:2023-07-15 10:19:05

問題描述

使用height:100%和background-size:100%的話只是屏幕可見區域撐滿,如何能夠讓滾動到下方區域也能夠撐滿?補充一下是移動端的,并且背景圖需要同時滾動,樓下的cover方法試過還是不行

問題解答

回答1:

試試用css3這個屬性background-size:cover,默認自適應屏幕,會拉伸圖片。補充:如果是移動端的話如:html - 如何用css令背景圖能夠撐滿本身會滾動的頁面?已測試,手機可以查看效果-鏈接:http://yulei521.github.io/input_autofocus/background.html

回答2:

background-attachment:fixed;固定背景圖片,這樣在你滾動時,圖片不會動!

回答3:

有很多種方法都可以實現 除了樓上兩位的方法 還有一個最簡單的position:fixed

回答4:

這樣可以實現,已經測試過過,不過background-size存在兼容方面的問題,在IE6(7|8)上不兼容,具體的你試試

body{background: url(img/Koala.jpg) no-repeat;background-size: cover; }回答5:

body{ background:url(images/a-1.jpg) center no-repeat; background-size:cover;}

標簽: HTML
相關文章:
主站蜘蛛池模板: 黄色三级免费 | 日韩欧美中文字幕在线观看 | 久久亚洲精品23p | 交视频在线观看国产网站 | 性夜黄a爽爽免费视频国产 性夜影院爽黄a爽免费看网站 | 欧美三级香港三级日本三级 | 狠狠色狠狠综合久久 | 极品美女一级毛片 | 亚洲自偷自拍另类12p | 免看一级一片一在线看 | 久久影院yy6080 | 欧美在线一区二区三区精品 | 精品国产美女福利到在线不卡 | 国产91综合 | 四虎免费大片aⅴ入口 | 国产欧美专区在线观看 | 亚洲加勒比久久88色综合一区 | 女人a级毛片 | 日本尹人综合香蕉在线观看 | 成人国产三级在线播放 | 国产步兵社区视频在线观看 | 日本在线观看免费视频 | 成年人在线观看视频免费 | 男人女人做性全程视视频 | 日韩99在线| 国产二区三区 | 欧美性色一级在线观看 | 一本伊大人香蕉高清在线观看 | 国产精品久草 | 中文字幕毛片 | 欧美成人www在线观看网页 | 成年人免费毛片 | 免费国产成人高清无线看软件 | 扒开双腿猛进入爽爽在线观看 | 爽死你个放荡粗暴小淫货双女视频 | 洋老外米糕国产一区二区 | 完整日本特级毛片 | 国产高清国产专区国产精品 | 精品无码久久久久国产 | 亚洲欧美视频一区二区三区 | a级男女性高爱潮高清试 |