Question

以下代码可以在桌面浏览器上显示1个可能具有相应背景颜色的背景图像（请参阅methodally.com）。但是在iOS上，图像仅在背景为白色时显示。显示彩色背景时，不会显示图像。所有图像的大小大致相同。有什么想法吗？

更新：还尝试切换数组的顺序。没运气。即使白色背景和相关图像在阵列中排在最后，这也是iOS上唯一的组合。

这是我的index.php文件：

<?php
$bl = array('logo-white.png', 'logo-pink.png', 'logo-blue.png', 'logo-teal.png' ); 
$bc = array('#fdfdfe', '#b0265d', '#040442', '#43a5ae' ); 
$i = rand(0, count($bl)-1); // generate random number size of the array
$selectedBl = "$bl[$i]"; // set variable equal to which random filename was chosen
$selectedBc = "$bc[$i]"; // set variable equal to corresponding background color
?>

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html { 
   width:100%; 
   height:100%; 
   background: <?php echo $selectedBc; ?> url(/img/<?php echo $selectedBl; ?>) center center no-repeat;
   background-size:60%;
}
</style>
</head>
<body>
</body>
</html>

Answer 1

@Pete：如果屏幕尺寸不是太大，我会使用媒体查询来加载较小的图像 - 不确定谁拥有4000px的屏幕分辨率，所以你可能想让它们变小。不确定为什么你的白人会工作

我：从4000w减少到2000w就可以了，但我不知道为什么。 iOS上显示的白色版本为4000w。

iOS上不显示背景图像

1 个答案: