第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

使用ios7修復(fù)了背景圖片

使用ios7修復(fù)了背景圖片

iOS
函數(shù)式編程 2019-12-13 15:10:43
我有一個(gè)正在使用固定背景圖像的項(xiàng)目。它對(duì)ios7以外的所有設(shè)備都適用。在ipad上，背景圖像放大且模糊。這是我正在使用的CSS代碼-.header {  display: table;  height: 100%;  width: 100%;  position: relative;  color: #fff;  background: url(../images/boston2.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  }這是實(shí)時(shí)頁(yè)面的鏈接-www.wdeanmedical.com我想念什么？
查看完整描述

3 回答

?
慕神8447489

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊

使用background-attachment: fixedwith background-size: cover會(huì)導(dǎo)致大多數(shù)移動(dòng)瀏覽器出現(xiàn)問(wèn)題（如您所見(jiàn)）。您可以嘗試使用background-attachment: scroll。這不會(huì)達(dá)到您想要的效果，但是您至少會(huì)看到這些圖像。您可以使用一兩個(gè)媒體查詢(xún)，將其限制為平板電腦或手機(jī)上的設(shè)備@media screen and (max-device-width: 1024px){}


要么


您可以使用background-position: scroll并包含一些JavaScript，它將圖像保持在滾動(dòng)位置（將其保持在窗口頂部）：DEMO



查看完整回答
反對(duì) 回復(fù) 2019-12-14
?
慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

知道這是一個(gè)舊線程，但想提供一個(gè)基于@ Cruz-Nunez的解決方案的更新解決方案


依賴(lài)視口大小可能會(huì)失敗。例如，僅靠767像素的視口在iPad上不起作用，而增大尺寸則否定了這種方法的優(yōu)勢(shì)。


相反，您可以檢查設(shè)備是否具有懸停功能，如果沒(méi)有，則可以像這樣覆蓋：


@media (hover: none) {

   .homeHero {

       background-attachment: initial;

   }

}

您還可以檢查設(shè)備是否具有路線指示器（例如，手指）而不是精細(xì)的指示器（例如，鼠標(biāo)）：


@media (pointer: coarse) { ... }



查看完整回答
反對(duì) 回復(fù) 2019-12-14
  • 3 回答
  • 0 關(guān)注
  • 541 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)