作為標(biāo)簽并且用css來(lái)將文本替換為圖片. text-indent屬性將文字
推到了瀏覽器左邊5000px處, 這樣對(duì)于瀏覽者來(lái)說(shuō)就看不見(jiàn)了.關(guān)掉css,然后看看頭部會(huì)是什么樣子的.帆力·得實(shí)針式打印機(jī)打印CSS頁(yè)面設(shè)計(jì)排版問(wèn)題
五. 最小寬度
IE6另外一個(gè)bug就是它不支持 min-width 屬性. min-width又是相當(dāng)有用的, 特別是對(duì)于彈性模板來(lái)說(shuō), 它們有
一個(gè)100%的寬度,min-width 可以告訴瀏覽器何時(shí)就不要再壓縮寬度了.
除IE6以外所有的瀏覽器你只需要一個(gè) min-width: Xpx; 例如:
.container {
min-width:300px;
}為了讓他在IE6下工作, 我們需要一些額外的工作. 開(kāi)始的時(shí)候我們需要?jiǎng)?chuàng)建兩個(gè)div, 一個(gè)包含另一個(gè):
然后你需要定義外層div的min-width屬性.container {
min-width:300px;
}這時(shí)該是IE hack大顯身手的時(shí)候了. 你需要包含如下的代碼:
* html .container {
border-right: 300px solid #FFF;
}
* html .holder {
display: inline-block;
position: relative;
margin-right: -300px;
}
六. 隱藏水平滾動(dòng)條
為了避免出現(xiàn)水平滾動(dòng)條, 在body里加入 overflow-x:hidden .
body { overflow-x: hidden; }當(dāng)你決定使用一個(gè)比瀏覽器窗口大的圖片或者flash時(shí), 這個(gè)技巧將非常有用。
tholee集