Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/113.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios 手机上的CSS显示背景_Ios_Css_Mobile_Background_Background Image - Fatal编程技术网

Ios 手机上的CSS显示背景

Ios 手机上的CSS显示背景,ios,css,mobile,background,background-image,Ios,Css,Mobile,Background,Background Image,我已经使用这个CSS有一段时间了,我想是时候问问更有知识的人了。我对移动平台的web开发还不太熟悉,对StackOverflow(刚刚创建了一个帐户,但之前经常阅读),我正试图找到解决这个问题的方法 基本上,我的背景图像会显示在电脑的浏览器中,但不会显示在手机浏览器中。我真的很感激你的帮助 如果您想查看截图,我已将图片上传到Dropbox公共链接: 在Google Chrome、Mac OSX上渲染: 在Safari、iOS上渲染: 谢谢,如果我没有提供足够的代码,请告诉我 您的第二个链接正在发

我已经使用这个CSS有一段时间了,我想是时候问问更有知识的人了。我对移动平台的web开发还不太熟悉,对StackOverflow(刚刚创建了一个帐户,但之前经常阅读),我正试图找到解决这个问题的方法

基本上,我的背景图像会显示在电脑的浏览器中,但不会显示在手机浏览器中。我真的很感激你的帮助

如果您想查看截图,我已将图片上传到Dropbox公共链接:

在Google Chrome、Mac OSX上渲染:

在Safari、iOS上渲染:


谢谢,如果我没有提供足够的代码,请告诉我

您的第二个链接正在发送到与第一个链接相同的图片。无法分辨它们之间的区别,然后意识到这是因为它是同一个图像。啊!对不起,我现在修好了!您是否尝试过为
.wsite background
元素指定像素高度?如果希望它拉伸整个高度,可以在.ws background:
位置:绝对;排名:0;右:0;底部:0;左:0强制将其拉伸到整个视口。这意味着您需要
position:relative导航元素,并将其设置为高于背景的
z-index
。如果没有JSFIDLE,很难说您想要实现什么。
body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #626262;
    height: 100%;
    background: #fff url('default-bg.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.tall-header-page,
.short-header-page,
.no-header-page,
.landing-page {
    background: #222121;
}

.tall-header-page .wsite-background,
.short-header-page .wsite-background{
    background: #fff url('image123.jpg') center center no-repeat;
    background-size: cover;
}

.landing-page .wsite-background {
    background: #fff url('default-bg.jpg') center center no-repeat;
    background-size: cover;
}