1
讓我的頁腳停留在頁面底部,但僅限於iPhone移動Safari(iOS6)時遇到一些麻煩。在使用position:fixed
的iPad和桌面版本上工作得非常好。我已經在整個互聯網尋找解決方案,但我沒有試過似乎工作。如果我將其更改爲position:relative
,則它在iPhone上顯示效果良好,但在其他瀏覽器版本上顯示效果太高。我的代碼是:位置:iPhone中的固定頁腳iOS
#footer {
padding-top: 15px;
padding-bottom: 5px;
width: 100%;
height: 50px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size: 10px;
color: #fff;
text-align: center;
text-shadow: 2px 0px 5px #000;
position: fixed;
bottom: 0;
}
<div id="footer">
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="Assessment.html" target="_blank">Assessment</a></li>
<li><a href="Press.html">Press</a></li>
<li><a href="Careers.html">Careers</a></li>
<li><a href="News.html">News</a></li>
<li><a href="Contact.html" target="_blank">Contact</a></li>
<li><a href="https://www.facebook.com/pages/Southern-Cross-Catholic-College-Japanese/164793893570872" target="_blank">Facebook</a></li>
<li><a href="http://www.sccc.qld.edu.au">SCCC Home</a></li>
<li><a href="#top">Top</a></li>
</ul>
<p class="fine-print">Created by Maree Carr. © 2014 scccjapan.com. All rights reserved.</p></div>
感謝提前:)
這是* not * a _fixed_ footer的解決方案。 – Javarome