Fatal编程技术网
  • css/
  • CSS背景图像未显示在ipad上

CSS背景图像未显示在ipad上

css

CSS背景图像未显示在ipad上,css,Css,我完全糊涂了，想知道我是否只是错过了一些简单的东西，但我无法在ipad上或ipad模拟器中显示背景图像 作为测试，我将以下简单页面放在一起： <html> <head></head> <body> <img src="content_box_black_background.png" /> <div style="height: 100px; width: 500px; background:url(content

我完全糊涂了，想知道我是否只是错过了一些简单的东西，但我无法在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模拟器中也没有。有什么想法吗？

总是在你的url和完整的
url（“http://example.com/folder/file.htm“
或至少是斜杠
url（“/file.htm”）

我没有测试这些，但我有一些想法您应该测试：

1） 文件是如何放置在iPad的“本地驱动器”上的？您没有任何HTTP，因此我假设您在“硬盘”（RAM）上有图像-尝试直接在浏览器中打开文件，它是否显示/下载

2） 尝试将“display:block；”添加到CSS渲染中。可能会成功

3） IMG标签，尝试添加宽度和高度，它会改变什么吗

4） 您使用的是什么类型的PNG文件？8位还是24位

5） 如果使用GIF或JPG，会发生什么

6） 使用背景图像时。尝试对属性使用长格式。“背景图像：url（image.jpg）；”

7） 还可以尝试添加一个
，使浏览器进入HTML5模式。

它可能与图像的尺寸有关。其中提到GIF、PNG和TIFF图像的最大大小为300万像素（3*1024*1024）。我在显示基于CSS精灵的菜单时遇到了类似的问题。在iPad上显示任何精灵之前，我必须缩小相当大的图像（3000x1500）。

确保你有有效的CSS

我以前遇到过这个问题，通过验证/修复我的CSS解决了它

在某些移动主题设置中，您会发现“缩小帖子或页面中的大图像以适应较小屏幕。” 检查是否启用/禁用它。 并禁用它

希望这能解决你的问题。

IPAD不喜欢背景速记的
封面。
如果您使用的是cover，请在新行上执行


   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
     background-size: cover;



如果它们都出现在chrome中，并且都没有出现在模拟器中，那么我不怀疑您试图将其用作“背景”图像与您的问题有任何关系。听起来好像模拟器没有找到图像的路径。看着我。我会尝试一些方法，也许模拟器有问题：url（'content\u box\u black\u background.png'）；或url（'./content_box_black_background.png'）；什么iPad模拟器？你能给它加个链接吗？如果没有空格，就不需要引号了。抱歉。如果没有空格，引号是完全不必要的，同样适用于完整的url指定，为什么你真的想要那个？CSS读取url的实际路径。也就是说，如果你的.css位于
/styles
中，而图像位于
/styles/images
中，你就可以在css中使用url，比如
url（images/.extension）
，它会工作得很好！或者你不可能是一个巨魔。@isildur4:不，我不会称之为“好习惯”，因为你可能会忘记其中的一句名言，从而遇到更多的麻烦。少即是多。我正在处理我的帖子。谢谢你的建议。通常需要一系列简单的检查来帮助解决问题。我还无法尝试每一个建议，但我确信它将是其中之一（很可能是我在特定图形上使用的PNG格式）。感谢您的输入。RAM是系统内存，而硬盘是用于文件存储的——它们在不同的级别上完全不相关。@Christian-我把“硬盘驱动器”作为“相似性”贴出来。我知道闪存、RAM、硬盘等之间的区别。无需投票否决我的答案，因为我比较了内部存储和硬盘驱动器。这是大多数人习惯于从普通电脑中学习的东西。我的第一台电脑是在1987年买的，所以请理解它的意思是作为一个类似的比较和解释。这解决了我在ipad网站上遇到的一个问题——非常感谢：）我也遇到了同样的问题。如果你使用雪碧，确保它的宽度和高度尽可能小。我的精灵尺寸只有130k左右，但iPad2仍然没有显示，因为它的宽度是4000像素。