时间戳

首页 > 解决方案 > ios mobile 上不显示滑块背景图像？

html - ios mobile 上不显示滑块背景图像？

问题描述

网站背景图像显示在所有其他设备上，如笔记本电脑和安卓手机。但不适用于 ios mobile。我什至将图像调整为 768 px * 365 px 但无法正常工作。

.bg-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.bg-img .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
    background: #1C1D21;
}
<!-- Background Image -->
		<!-- large device only -->
		<div class="visible-xl visible-lg visible-md hidden-sm hidden-xs">
			<div class="bg-img" style="background-image: url('./img/team/background-clouds-dark-957002.jpg');">
			<div class="overlay"></div>
			</div>
		</div>
		<!-- mobile only -->
		<div class="visible-xs visible-sm hidden-md hidden-lg hidden-xl">
			<div class="bg-img" style="background-image: url('./img/team/Smallsize.jpg');">
				<div class="overlay"></div>
			</div>
		</div>
		<!-- /Background Image -->

标签： htmlcsstwitter-bootstrap-3bootstrap-4

解决方案

css 取决于浏览器而不是操作系统，请安装 chrome 进行测试。或将 css 用于单独的浏览器

 #urID{
        background:url("../images/bg.jpg") no-repeat scroll right top #000000;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size:cover;
        background-size: cover;
    }

推荐阅读