Html iPhone6中未加载图像
我的一个元素中有一个背景图像(代码在一个单独的文件style.css中),它在大多数设备(iphone5、iphone5c、三星galaxy)中都可以正常加载,但在iphone6和iphone6plus(以及一些ipad)中没有。你们知道为什么吗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
.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是的,我只是对“它在大多数设备中加载良好”部分有点困惑。可能只是问题中没有发布其他代码,并且影响了输出。是的,我怀疑手头是否有特定于设备的项目。刚刚给了你两张赞成票