Question

您好我有小问题，我需要添加到我的leanmodal关闭按钮pic 我已经有了close.png，但我不知道如何将其添加到代码中。有帮助吗？

我的功能如下：

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

</script>

Answer 1

您需要将“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;}

因此，您需要按.modal_close更改.hidemodal，并根据您的需要调整此代码。

另一个问题是你需要在html代码中使用<a class="modal_close" href="#"></a>，它不会被leanModal插件自动添加。

Answer 2

通过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;
  }

在leanModal中关闭按钮

2 个答案: