我使用colorbox jquery插件的lightbox。一切都很好,除了只有鉻纔有小問題。當用戶點擊一個鏈接來獲取彩盒時,它應該看起來像第一個圖像。當用戶點擊具有不同網址的新鏈接時,該顏色框會顯示爲第二個圖像。我看着CSS,它看起來很好,它只發生在Chrome上。我的CSS有問題嗎?jQuery Colorbox的CSS問題
#cboxTopLeft{width:90px; height:43px; background:url(images/videocontrols.png) no-repeat 0 0; position: absolute; left: -60px; }
#cboxTopRight{width:90px; height:43px; background:url(images/videocontrols.png) no-repeat -91px 0; position: absolute; right:-16px; }
#cboxBottomLeft{width:91px; height:46px; background:url(images/videocontrols.png) no-repeat 0 -47px; position: absolute; left:-60px; bottom:-12px;}
#cboxBottomRight{width:91px; height:57px; background:url(images/videocontrols.png) no-repeat -91px -47px; position: absolute; right: -16px; bottom:-23px;}
他們爲什麼絕對定位? – Jack 2012-02-29 19:01:41
極有可能是對於噴射技術的誤解。 =>月球,當發生這種情況時,檢查Chrome中的元素。打開開發者工具控制檯。檢查資源,看看是否加載了imgs(我懷疑他們是..);如果它們存在,則很可能有定位錯誤;如果圖像沒有加載,你應該追求這個向量。 – 2012-02-29 22:41:29