我完全感到困惑,并想知道我是否只是缺少简单的东西,但我无法在ipad或ipad模拟器中显示背景图像.
作为测试,我将以下简单页面放在一起:
<html>
<head></head>
<body>
<img src="content_box_black_background.png" />
<div style="height: 100px; width: 500px; background:url(content_box_black_background.png);">
</div>
</body></html>
作为测试,我也在div块的正上方输出图像.在chrome中它们都出现但在ipad模拟器中都没有.有任何想法吗？
tim*_*cus 27
它可能与图像的尺寸有关.在Safari网页内容指南中提到,为GIF,PNG和TIFF图像最大尺寸为3百万像素(3*1024*1024).我遇到了一个类似的问题,显示了基于CSS sprites的菜单.我不得不缩小相当大的图像(3000x1500)才能在iPad上显示任何精灵.
我还没有测试过这些，但我有一些你应该测试的想法：
1) 文件如何放置在iPad的“本地驱动器”上？你没有任何HTTP，所以我假设你的“硬盘”（RAM）上有图像 - 尝试直接在浏览器中打开文件，它是否显示/下载？
2）尝试添加：“display:block;” 到你的 CSS 渲染。可能会成功
3）IMG标签，尝试添加宽度和高度，它会改变什么吗？
4) 您使用什么类型的 PNG 文件？8 位还是 24 位？
5) 如果您改用 GIF 或 JPG 会怎样？
6) 使用背景图片时。尝试使用长格式的属性。“背景图像：url(image.jpg);”。
7) 还可以尝试添加一个，<!DOCTYPE html>以便浏览器进入 HTML5 模式。