webkit浏览器不能完全加载图像

我正在为客户端构建网站，并且遇到了在webkit浏览器中图像未完全加载的问题。所以在mac和ipad上使用chrome和safari。 http://coatesconstruction.co.uk webkit浏览器不能完全加载图像

我以前做了一些研究，我发现了一篇文章暗示了每个形象，WebKit浏览器打开多个连接来下载他们，如果这不可能是这个问题我不知道。

这个网站的目标之一是制作正确的色谱柱流体，以便如果用户调整浏览器图像显示增长，这意味着后端将图像保存为1600px宽，即时使用宽度：100％使他们自动化到左栏。这意味着服务器上的图像非常庞大，是否与阻止浏览器和Safari浏览器显示它们的大小有关？

来源

2011-05-08 bytejunkie

我将'div.slideshow'的高度改为583px（事先是4px），并且图像完全显示。这是一个CSS问题。 – Zirak 2011-05-08 09:05:41

我正在尝试使用jquery获取图像的高度。即时通讯使用循环插件来改变图像。使用后事件我做到这一点。我可以对高度进行硬编码，并证明在Firefox中它改变了容器的高度，这允许图像显示，甚至当我硬编码太大时在底部增加了间隙。它只是不会影响webkit浏览器中的容器。尝试重置.slideshow和.col1上的CSS。使用萤火虫检查其工作。（'。col1'）。css（'height'，function（）{ return $（'this'）。height（）; }）; – bytejunkie 2011-05-08 10:37:33

它会加载整个图像。

你在CSS代码的某个地方搞砸了，这就是为什么整个图像没有显示在Webkit浏览器上的原因。

尝试将div＃col1的高度设置为656px（或者您想要的任何高度！），您将看到整个图像。

来源

2011-05-08 09:11:46 tyronegcarter

种这一个，谢谢。虽然我现在已经发现第二次围绕幻灯片的旋转，它无法只加载webkit中的第一个图像。 – bytejunkie 2011-05-10 14:25:15

嗯，图像加载不错，问题是，你裁剪他们:)

.col1, .col2, .col3 { 
    overflow: hidden; 
}

由于所有的图像都position:absolute集，他们不会强迫父容器得到任何较大，所以你的父母卡在124px高。

来源

2011-05-08 09:06:13

它们在第二次加载时工作正常，因为'div.slideshow'有一个高度为'1459px'的钉子。图像加载正常，他们被裁剪 – 2011-05-08 09:09:29

.leftmenu .col1 { 
    height: 765px; 
}

来源

2011-05-08 09:14:19 seler

webkit浏览器不能完全加载图像

回答

相关问题