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瀏覽器不能完全加載圖像

回答

相關問題