移動端背景無法固定解決方案

在項目過程中,遇到這樣一個問題,背景圖片固定背景,不隨著滾動條滾動!

大伙都知道直接用背景固定位就可以解決了!

? ? ?background:url(...) fixed;



但是在移動端項目使用過程中,這效果始終無法實現(xiàn)背景固定定位,安卓及蘋果機都不能有效的背景固定!

所以找了以下方法解決!

body:before {

? ? ?content: ' ';

? ? ?position: fixed;

? ? z-index: -1;

? ?top: 0;

? ?right: 0;

? ? bottom: 0;

? ? left: 0;

? ? background: url(...) center 0 no-repeat;

? ? background-size: cover;

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,316評論 0 11
  • background-color background-color:#ff0000紅色background-col...
    每日活菌閱讀 564評論 0 0
  • 關于css常見問題,大多是移動端的。 簡單的排版規(guī)則:條目與條目之間空兩行,每條內容部分分段空一行。標點符號全部用...
    蘇水兒閱讀 5,162評論 0 9
  • 1、背景顏色-background-color 在CSS中,使用background-color屬性來控制元素的背...
    故笙丶閱讀 822評論 2 3
  • 撥弄著根銀針 一不小心穿過手指 感覺不到疼痛 泛白的缺口未滲出血跡 那般耀眼的紅 是不愿在指上停留 還是來不及破口...
    c94868399e8c閱讀 148評論 0 3

友情鏈接更多精彩內容