2012-02-29 87 views
0

我使用colorbox jquery插件的lightbox。一切都很好,除了只有鉻纔有小問題。當用戶點擊一個鏈接來獲取彩盒時,它應該看起來像第一個圖像。當用戶點擊具有不同網址的新鏈接時,該顏色框會顯示爲第二個圖像。我看着CSS,它看起來很好,它只發生在Chrome上。我的CSS有問題嗎?jQuery Colorbox的CSS問題

enter image description here

enter image description here

#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;} 
+0

他們爲什麼絕對定位? – Jack 2012-02-29 19:01:41

+0

極有可能是對於噴射技術的誤解。 =>月球,當發生這種情況時,檢查Chrome中的元素。打開開發者工具控制檯。檢查資源,看看是否加載了imgs(我懷疑他們是..);如果它們存在,則很可能有定位錯誤;如果圖像沒有加載,你應該追求這個向量。 – 2012-02-29 22:41:29

回答

0

你嘗試清除緩存或者檢查是否角落的圖像文件被loadedin鉻的網絡選項卡?

+0

是的,我清除緩存並嘗試了10次以上。該圖像也顯示在網絡選項卡上(它必須自第一個鏈接工作得很好)。 – Moon 2012-02-29 00:25:51

+0

當你檢查元素時,它在Chrome上的位置是否正確?在你需要一個位置的容器:相對? – DanyZift 2012-02-29 00:36:51

+0

//當我檢查元素時,它具有正確的樣式。有趣的是...當我取消選中它的任何樣式(頂部,右側,位置或其他)時,再次檢查它,它會修復它自己。 – Moon 2012-02-29 01:05:44