iT邦幫忙

0

css 滾動視差電腦版會固定背景,手機版並不會固定背景

css 滾動視差電腦版會固定背景,手機版並不會固定背景?不知哪出錯了?

div class="parallax">
div class="bg1"> /div>
div class="text-1">11111111111 /div>
div class="bg2"> /div>
div class="text-1">222222222 /div>
/div>

.parallax [class*="bg"] {
width: 100%;
height: 100vh;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
color: #fff;
}

.bg1 {
background-image: url(../img/3.jpg);
}
.bg2 {
background-image: url(../img/1.jpg);
}

如果你的手機是埃鳳的話,看一下 100VH 這個網路上的說明
哀鳳似乎不太支援這個語法的樣子,或是解讀不一樣
你沒給HTML 的部分,也不知道你 CSS 怎麼套,
只能從語法來判斷了
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答