webkit浏览器无法完全加载图像

Question

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

我以前做过一些研究，我发现一篇文章建议webkit浏览器打开每个图像的多个连接以下载它们，我想知道这是不是问题。

这个网站的目标之一是使正确的列流畅，这样如果用户调整浏览器的大小，图像显示增长，这意味着后端正在以1600px宽保存图像并使用宽度：100％到让它们自动调整到左列。 这意味着服务器上的图像非常庞大，是否与阻止chrome和safari显示它们的大小有关？

Answer 1

嗯，图像加载正常，问题是你正在裁剪它们：）

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

由于您的所有图片都设置了position:absolute，因此它们不会强制父容器变大，因此您的父级会被阻塞在124px高位。

Answer 2

它会加载整个图像。

你已经搞砸了CSS代码中的某个地方，这就是整个图像没有出现在Webkit浏览器上的原因。

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

Answer 3

.leftmenu .col1 {
    height: 765px;
}