2016-02-12 52 views
0

我試圖自定義關閉按鈕的位置關於lightbox2,我可以使用您的幫助。無法定位Lightbox2關閉按鈕

目前,我的關閉按鈕出現超過燈箱圖像在右上角,如我在CodePen上的示例:http://codepen.io/xyzerb/pen/zryvmJ

我需要爲關閉按鈕出現頂部在右上角的圖像如下所示:http://i.imgur.com/BNFdsO6.png

關於我在做什麼錯的任何想法?我是編程新手,但我沒有想到這部分是具有挑戰性的。

預先感謝您。請讓我知道是否有任何事情可以幫助您作爲回報。

請忽略下面的評論

/*! The system requires inclusion of a line of code if you link to CodePen, so I'm adding a comment. Please ignore. */

回答

0

我們可以通過使用CSS解決這個問題。下面的CSS代碼將幫助你解決。

.lb-dataContainer{ position:relative; } 
.lb-closeContainer{ position: absolute; right: -11px; top: -8px; z-index: 11; } 
+0

這完美的作品。感謝您的幫助! – Zerb

+0

歡迎您 –

1

添加以下內容:

.lb-data .lb-close { 
    position: relative; 
    top: 18px; 
    left: 18px; 
    z-index: 999; 
} 
+0

感謝您的幫助! – Zerb