0

以下代码可以很好地在桌面浏览器上显示可能的 4 个背景图像中的 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>
4

1 回答 1

1

@Pete：如果屏幕尺寸不太大，我会使用媒体查询来加载较小的图像 - 不确定谁的屏幕分辨率为 4000 像素，因此您可能希望将它们缩小。不知道为什么你的白色会起作用

我：从 4000w 减少到 2000w 确实有效，但我不知道为什么。在 iOS 上显示的白色版本为 4000w。

于 2013-12-05T20:56:36.793 回答