Question

我目前正在开发一个网站并遇到Safari问题。当加载图像时，有一个黑色背景作为支架放置。我宁愿这是透明或白色，但我似乎无法弄明白。看看：

http://blazing-ocean-6482.herokuapp.com/

我已经制作了HTML和正文背景颜色：白色;但这似乎没有改变这个问题。

Answer 1

只需使用interlaced选项

保存PNG图像

Answer 2

我在safari 6中遇到了同样的问题。我的图像是灰度色彩空间。我把它切换到rgb，问题就消失了。尝试检查图像颜色空间设置！

Answer 3

这是因为PNG没有alpha通道。仅当图像具有透明像素时，Photoshop才会使用Alpha通道保存图像。为了在Safari中正常工作，IHDR的PNG图像块必须在其内容中具有“truecolor-apha”。你可以在tweakpng（http://entropymine.com/jason/tweakpng/）或类似程序中看到png块。

Answer 4

我遇到了与上述相同的问题（仅限Safari）。我的身体标签有一个背景图片，是repeat-x，用作整个网站的背景。当用户访问Safari中的页面时，页面加载时会出现黑色闪烁。我已经搜索了多年的解决方案，但它似乎是Safari的一个未解决的错误。

我尝试在html和body标签中添加“style：background-color：#FFF”，并尝试使用旧学校“bgcolor：#FFF” - 无效。

我能让Safari行事的唯一方法就是使用CSS + jQuery。在你的html和CSS文件中给身体一类“bg-on”。在链接的.js文件中或在标签中的html页面中：

jQuery(function ($) {
$(document).ready(function(){

$('body').removeClass('bg-on');

});//end document ready

/* NOTE (window).load fires when images have been fully loaded */
$(window).load(function() {

$('body').addClass('bg-on');

});//end window load function
});//end jQuery function no conflict mode

以上操作是当浏览器加载DOM时，它会从正文中删除该类，因此Safari不会显示黑色背景，因为没有背景图像。然后当window.load事件触发时，当所有资源都已加载时，正文将被赋予背景图像......

它也不会影响JS禁用的浏览器，因为“bg-on”的类被硬编码到html中。

不是一个特别优雅的解决方案，但它对我有用。

Answer 5

我最近在Safari 6.0.2中遇到了这个问题，它也出现在移动版Safari中（至少在iOS 6中）。以隔行扫描方式保存我的背景并不能全面发挥作用。颜色空间是RGB。值得庆幸的是，我的背景很少有颜色和将其转换为GIF完全解决了问题。

Answer 6

我的问题是，我已经上传了正确的文件，但是使用页面构建器我已经编辑了图像-并从png转换为jpg。首先使用Alpha制作png，然后上传-可以。

徒步旅行队渲染图像背景黑色负载

6 个答案: