中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

要繼續(xù)此教程需要IE的以前的版本進(jìn)行測(cè)試，絕大部分用戶使用的是IE6.0，因此您幾乎不需要看下去了。IE中主要出問(wèn)題的是IE5和IE5.5,如其不能識(shí)別css中margin值為auto，要實(shí)現(xiàn)層的中間對(duì)齊，需加入：

body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
}

但是這樣設(shè)置之后，網(wǎng)站的content層的文本也變成中間對(duì)齊了，我們需要讓其向左對(duì)齊，加入：

#page-container {
width: 760px;
margin: auto;
text-align: left;}

關(guān)于頁(yè)腳的BUG，將版權(quán)內(nèi)容加入新的#copyright層中，在html中加入：

<div id="copyright">
Copyright © Enlighten Designs<br />
Powered by <a xhref="#"">Enlighten Hosting</a> and
<a xhref="#">Vadmin 3.0</a>
</div>

在css文件中加入，并將#footer的padding-top: 13px;移除：

#footer #altnav {
clear: both;
width: 350px;
float: right;
text-align: right;
padding-top: 13px;
}
#footer #copyright {
padding-top: 13px;
}

最后要解決的BUG是當(dāng)光標(biāo)在導(dǎo)航條的被選列表項(xiàng)目鏈接上懸停時(shí)(如在about的網(wǎng)頁(yè)，body的類為about，但我們將光標(biāo)移到導(dǎo)航條的about圖片上時(shí))，背景圖片消失了，這就需要加入：

body.about li#about,
body.about li#about a,
body.about li#about a:hover,
body.services li#services,
body.services li#services a,
body.services li#services a:hover,
body.portfolio li#portfolio,
body.portfolio li#portfolio a,
body.portfolio li#portfolio a:hover,
body.contact li#contact,
body.contact li#contact a,
body.contact li#contact a:hover {
background-position: 0 -100px;
}

本教程到此結(jié)束。感謝原作者Steve Dennis，感謝Jorux的精心翻譯！

本文鏈接：http://www.95time.cn/tech/web/2008/5979.asp　

出處：Jorux Notebook
責(zé)任編輯：moby

上一頁(yè) 導(dǎo)航條的制作 下一頁(yè)

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。