圖像在webkit中混亂

alt text 在此頁面http://cacrochester.com/ 2個旋轉圖像在webkit瀏覽器中混亂。這不是所有的時間，它通常不在第一張圖片上。這是爲什麼？圖像在webkit中混亂

我正在使用NivoSlider jquery插件來旋轉圖像。

這是我所看到的。

2010-10-05 Catfish

它在Firefox中看起來很垃圾 – Marko 2010-10-05 21:06:07

它看起來在FF 3.6.3上對我來說工作正常。你在什麼版本上？ – Catfish 2010-10-05 21:12:43

你可以更具體地說他們是什麼「搞砸了？」請描述您期望看到的行爲與您實際看到的行爲。 – calvinf 2010-10-05 22:30:48

我看到你說這個奇怪的效果，這個問題似乎是每個列顯示的方式。 Nevertheles，你應該嘗試任何其他解決方案，因爲你正在創建的頁面，因爲你應用的效果更適合旋轉字幕，而不是滑塊......我見過很多真正的很酷的滑塊（看看jQuery的滑塊在Google上或參閱http://vandelaydesign.com/blog/web-development/jquery-image-galleries/）。

另外，你必須考慮重新制作imgs，文本真的很難看（我希望你不要生我的氣，因爲我試圖幫助你的網頁看起來更好）。正如我所說，如果您使用像Photoshop一樣的照片編輯軟件，您應該將文本抗鋸齒設置爲清晰或清晰，但不要設置爲「無」（因此您不會再看到它「像素化」）。和德的照片也有點像...

希望我的2美分可以幫助你！

來源

2010-10-26 01:59:41

一下添加到<div id="slider">元素

style="float:right;position: relative;height:270px;width:610px;"

來源

2010-10-08 15:47:56 methodin

除了相對位置，我已經在#slider上有這些樣式。位置：relative是通過nivoSlider插件動態添加的，所以即使我將它添加到chrome的開發者工具中（基本上就像firebug），它只是將它交叉出來。 – Catfish 2010-10-08 17:19:06

我知道你做了，但我想象腳本寫入的方式，這些值不能通過樣式表正確拉動。將它直接添加到div似乎可以解決問題。試一試。 – methodin 2010-10-08 17:25:34

NIVO-slider.css，線36，37：

.nivo-slice { 
    display: none; 
    /* ... */ 
}

來源

2010-10-09 03:40:52 y34h

它看起來完全沒什麼問題。也許嘗試一個不同的JQuery滾動插件。

來源

2010-10-15 10:05:34 alexy13

圖像在webkit中混亂

回答

相關問題