leanModal中的關閉按鈕

嗨，我有小問題，我需要添加到我的leanmodal關閉按鈕圖片我已經得到close.png，但我不知道如何將其添加到代碼。任何幫助？leanModal中的關閉按鈕

我的功能看起來像這樣：

<script type="text/javascript"> $(function(){ 
     $('#loginform').submit(function(e){  return false;  });   
     $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" }); }); 

</script>

來源

2013-10-30 Piotr Sikora

我有同樣的問題添加它。以下建議對我無效。 – johnsam

您需要設置類「hidemodal」的CSS權，以使其發揮作用。

論leanModal's website的例子（通過分析源代碼），你有這行代碼：

.modal_close { position: absolute; 
       top: 12px; 
       right: 12px; 
       display: block; 
       width: 14px; 
       height: 14px; 
       background: url(../img/modal_close.png); 
       z-index: 2;}

所以你需要通過.hidemodal改變.modal_close和這個代碼調整自己的願望。

另一個問題是，您需要在您的html代碼中有<a class="modal_close" href="#"></a>，它不是由leanModal插件自動添加的。

來源

2013-10-30 10:09:36 MisterJ

我指定了以下內容，但關閉按鈕仍然不顯示.modal_close {position：absolute; top：12px; right：12px; display：block; width：14px; height：14px; background：url（assets/images/modal_close.png）; z-index：2; } – johnsam

@johnsam你能提供一個jsfiddle嗎？ – MisterJ

http://jsfiddle.net/452xdydf/1/它不會運行，因爲它仍然需要jquery.leanModal.min.js。但它給出了這個想法。 – johnsam

通過CSS聲明

.hidemodal { 
    position: absolute; 
    top: 12px; 
    right: 12px; 
    display: block; 
    width: 14px; 
    height: 14px; 
    background: url(../img/close.png); <---- Add it here 
    z-index: 2; 
    }

來源

2013-10-30 10:09:44

我做了這樣的事情，仍然沒有工作 .modal_close { position：absolute; top：12px; right：12px; display：block; width：14px; height：14px; background：url（「../ images/close.png」）; z-index：11000; } 我也改變.modalHide for .modal_close –

也許你的圖像不在你的服務器上的正確位置。你也許可以用一個直接的URL來嘗試它，比如'background：url（http://leanmodal.finelysliced.com.au/img/modal_close.png）;' –

完成並且仍然不知道爲什麼 –

leanModal中的關閉按鈕

回答

相關問題