Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html iPhone6中未加载图像_Html_Css_Background Image - Fatal编程技术网

Html iPhone6中未加载图像

Html iPhone6中未加载图像,html,css,background-image,Html,Css,Background Image,我的一个元素中有一个背景图像(代码在一个单独的文件style.css中),它在大多数设备(iphone5、iphone5c、三星galaxy)中都可以正常加载,但在iphone6和iphone6plus(以及一些ipad)中没有。你们知道为什么吗 .content-block { background-image: url('image/img.jpg'); background-size: cover; background-repeat: no-repeat !important

我的一个元素中有一个背景图像(代码在一个单独的文件style.css中),它在大多数设备(iphone5、iphone5c、三星galaxy)中都可以正常加载,但在iphone6和iphone6plus(以及一些ipad)中没有。你们知道为什么吗

.content-block {
  background-image: url('image/img.jpg');
  background-size: cover;
  background-repeat: no-repeat !important;
  background-position: center center;
  min-height: 500px;
  margin-bottom: 50px;
}

首先,试着使用速记版本,它允许更一致的背景设置

background: url('../image/img.jpg') no-repeat center center / cover;
如您所见,我在图像目录前添加了
。/
,以防浏览器无法找到它

你可以在下面的网站上找到关于CSS速记用法的更全面的解释


如果没有代码,我们就无能为力。您是否在某处设置了div的高度和宽度?首先,正如@thepio所说,您正在应用背景的元素应该设置了尺寸。例如>高度:500px,而不是最小高度,因为它不会显示您的背景,因为它“不在那里”。@Sqnkov是的,我只是对“它在大多数设备中加载良好”部分有点困惑。可能只是问题中没有发布其他代码,并且影响了输出。是的,我怀疑手头是否有特定于设备的项目。刚刚给了你两张赞成票