頁腳部分隱藏起來

-1

我正在爲我公司開發一個網站。我遇到了佈局無法正常工作的問題。底部的頁腳部分被覆蓋。我添加了一個z-index，它什麼也沒有改變。我已經玩過保證金和填充物，但無濟於事。希望有人能看到是什麼導致它被部分覆蓋。這裏是一個圖像顯示我所看到的：頁腳部分隱藏起來

和網站是在這裏：http://clubschoicemagic.com/

#slide03.slide .footer-container { 
 
    background-color: #06060d; 
 
    color: rgba(255, 255, 255, 0.5); 
 
    font-size: 14px; 
 
    margin-bottom: 0; 
 
    text-align: center; 
 
} 
 
#slide03.slide .footer-container .wrapper { 
 
    background-color: #06060d; 
 
    bottom: 0; 
 
    color: #ffffff; 
 
    left: 0; 
 
    margin: 0 auto -20px; 
 
    padding-top: 5px; 
 
    position: absolute; 
 
    text-align: center; 
 
    text-shadow: none; 
 
    top: auto; 
 
    transform: none; 
 
    width: 100%; 
 
}

<div class="footer-container"> 
 
    <footer class="wrapper"> 
 
    <img src="http://clubschoicefundraising.com/Content/img/logo.png" class="center-block" width="80" /> 
 
    <h3> 
 
        Clubschoicemagic.com is affiliated with <a href="http://clubschoicefundraising.com">Club's Choice Fundraising</a>. 
 
       </h3> 
 
    </footer> 
 
</div>

來源

2016-07-25 dmikester1

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身**。雖然您提供了[**鏈接到示例或網站**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-如果鏈接變得無效，那麼你的問題對於其他具有相同問題的未來SO用戶將沒有任何價值。 –

它實際上與您的CSS沒有關係，因爲@Bart幫助我注意到了這一點。

在（你的HTML的）第200行你有這個;

<script type="text/javascript"> 

     $(document).ready(function() { 
      $(".contactForm").on('submit', function (e) { 
       e.preventDefault(); 
       var firstName = $("#firstName").val(); 
       if (firstName == "") { 
        firstName = "None given"; 
       } 
       var model = { firstName: firstName, schoolName: $("#schoolName").val(), note: $("#note").val() }; 

       $.ajax({ 
        url: "/Home/Index", 
        type: 'POST', 
        data: { model: model }, 
        success: function (result) { 
         if (result) { 
          $(".contactForm").trigger('reset'); 
          $("#formMessage").html("Thank you. Your entry has been submitted."); 
         } 
        }, 
        error: function (xhr, ajaxOptions, thrownError) { 

        } 
       }); 

      }); 
     }); 
    </script> 
>

，你可以關閉腳本標籤後看到有一個流浪>這是你的問題的原因。

而且margin: 0 auto -20px;應margin: 0 auto;作爲@Tezekiel說

來源

2016-07-25 14:47:09

感謝您的幫助發現！ – dmikester1

剛剛從你的頁腳CSS刪除此

margin: 0 auto -20px;

。

來源

2016-07-25 14:28:31 Tezekiel

頁面底部還有一個「>」字符，遮住了頁腳的一部分。 – Bart

刪除該行，將其向上推，但我希望它保持原位，只需刪除底部的灰色條。 – dmikester1

我仔細檢查了代碼，發現沒有流浪'>' – dmikester1

頁腳部分隱藏起來

回答

相關問題