2012-10-23 80 views
1

我正在玩colorbox演示並查看它是如何工作的。我想爲一個登錄頁面創建一個簡單的colorbox讓它工作,並罰款接受whats buging我是我似乎無法得到關閉按鈕來顯示我想要的圖像,它使我瘋了。雖然我不確定我做錯了什麼。我想知道是否因爲我刪除了一些代碼行,但我只刪除了幻燈片放映功能。有人能指出我做錯了什麼嗎?按鈕是有我只是不能看到它....Colorbox關閉按鈕不能看到

/* 
    ColorBox Core Style: 
    The following CSS is consistent between example themes and should not be altered. 
*/ 
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
#cboxOverlay{position:fixed; width:100%; height:100%;} 
#cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
#cboxContent{position:relative;} 
#cboxLoadedContent{overflow:auto;} 
#cboxTitle{margin:0;} 
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} 
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} 
.cboxIframe{width:100%; height:100%; display:block; border:0;} 
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} 

/* 
    User Style: 
    Change the following styles to modify the appearance of ColorBox. They are 
    ordered & tabbed in a way that represents the nesting of the generated HTML. 
*/ 
#cboxOverlay{background:url('overlay.jpg') repeat 0 0;} 
#colorbox{} 
#cboxTopLeft{width:21px; height:21px; background:url('overlay.jpg') no-repeat -101px 0;} 
#cboxTopRight{width:21px; height:21px; background:url('overlay.jpg') no-repeat -130px 0;} 
#cboxBottomLeft{width:21px; height:21px; background:url('overlay.jpg') no-repeat -101px -29px;} 
#cboxBottomRight{width:21px; height:21px; background:url('overlay.jpg') no-repeat -130px -29px;} 
#cboxMiddleLeft{width:21px; background:url('overlay.jpg') left top repeat-y;} 
#cboxMiddleRight{width:21px; background:url('overlay.jpg') right top repeat-y;} 
#cboxTopCenter{height:21px; background:url('overlay.jpg') 0 0 repeat-x;} 
#cboxBottomCenter{height:21px; background:url('overlay.jpg') 0 -29px repeat-x;} 
#cboxContent{background:#fff; overflow:hidden;} 
#cboxLoadingOverlay{background:url('loading.gif') no-repeat center center;} 
#cboxLoadingGraphic{background:url('loading.gif') no-repeat center center;} 
#cboxClose{position:absolute; bottom:0; right:0; background:url('xbutton.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} 
#cboxClose:hover{background-position:-25px -25px;} 

回答

3

您使用的顏色框插件從這個site

那麼錯誤將是一個遵循

  1. 檢查爲線的js文件:35

關閉: 「關閉」,

確保你給在jquery.colorbox.js

  1. 檢查你的CSS文件行:45

的位置是:絕對的;底部:0;右:0;

已經被正確的腳本

打有可能會被刪除術語

位置的機會進入至於你提到:相對的;

在該行

:8

+0

啊,我終於明白我在做什麼錯誤刪除的js文件東西.. –