您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“IE6下DIV無(wú)法實(shí)現(xiàn)1px高度的解決方法”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
IE6.0下DIV不能實(shí)現(xiàn)1px高度的幾種解決方法
在設(shè)計(jì)網(wǎng)頁(yè)時(shí),有時(shí)我們需要一個(gè)1px高度的細(xì)線,但I(xiàn)E6有個(gè)bug,高度為1px的DIV在IE6里不管用。這是因?yàn)镮E6中的DIV默認(rèn)有個(gè)最小字體高度,DIV的最小高度就是這個(gè)高度,即使設(shè)置了height:1px,DIV顯示出來(lái)的高度也不是1像素。
解決方法有如下幾種:
◆1,網(wǎng)上都說(shuō)多加一個(gè)font-size=0px;的屬性可以實(shí)現(xiàn).
以下為引用的內(nèi)容:
<styletypestyletype="text/css"> .a{ font-size:0px; height:1px; background-color:red; } </style> <DIVclassDIVclass="a"></DIV>
但經(jīng)過(guò)我的測(cè)試,細(xì)是細(xì)了,但不是1px,有點(diǎn)像是2px.不知道是我的瀏覽器問(wèn)題,還是別的原因.你們可以用這個(gè)方法再測(cè)試一下.
◆2.多加一個(gè)line-height:1px的屬性,不過(guò)得在DIV里多加一個(gè) ,也就是空格,以下為引用的內(nèi)容:
<styletypestyletype="text/css"> .a{ width:200px; height:1px;line-height:1px; background:red; } </style> <DIVclassDIVclass="a"> </DIV>
這個(gè)方法我測(cè)試通過(guò).很好用.如果你要做指定長(zhǎng)度的細(xì)線,這個(gè)方法是個(gè)不錯(cuò)的選擇.如果你的細(xì)線DIV長(zhǎng)度是他父對(duì)象的長(zhǎng)度的話,你可以用下面這個(gè)更簡(jiǎn)單的方法:
◆3,用border-top:1pxsolid#ff0000邊框的方法制作一個(gè)細(xì)線.
以下為引用的內(nèi)容:
<styletypestyletype="text/css"> .a{ border-top:1pxsolid#ff0000; } </style> <DIVclassDIVclass="a"></DIV>
注意:這個(gè)方法不能加width寬這個(gè)屬性. 加了以后他會(huì)有高度(雖然表面上看不到,他是透明的)要是你這個(gè)細(xì)線下面再有DIV的話,他的高度就看出來(lái)了.再多加上一個(gè)font-size:1px;可以解決這個(gè)問(wèn)題.
“IE6下DIV無(wú)法實(shí)現(xiàn)1px高度的解決方法”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。