CSS教程:導(dǎo)致一些問(wèn)題的overflow
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:23:55 作者:佚名
我要評(píng)論

overflow有問(wèn)題嗎?沒(méi)問(wèn)題。那為什么說(shuō)要慎用呢?因?yàn)橛袝r(shí)會(huì)導(dǎo)致一些問(wèn)題。。。
關(guān)于overflow:auto的,很多人貪他書(shū)寫(xiě)方便,直接用來(lái)清除浮動(dòng)。但是Firefox使用overflow:auto會(huì)產(chǎn)生focus,引用網(wǎng)友fireyy的評(píng)論
我想這是FF瀏覽器的一個(gè)“可用性和親和力”(usabili
overflow有問(wèn)題嗎?沒(méi)問(wèn)題。那為什么說(shuō)要慎用呢?因?yàn)橛袝r(shí)會(huì)導(dǎo)致一些問(wèn)題。。。
關(guān)于overflow:auto的,很多人貪他書(shū)寫(xiě)方便,直接用來(lái)清除浮動(dòng)。但是Firefox使用overflow:auto會(huì)產(chǎn)生focus,引用網(wǎng)友fireyy的評(píng)論
我想這是FF瀏覽器的一個(gè)“可用性和親和力”(usability/accessibility)的設(shè)定,當(dāng)設(shè)定了overflow:auto或者 overflow:scroll的元素不能完全顯示內(nèi)容的時(shí)候(出現(xiàn)滾動(dòng)條),針對(duì)于鍵盤(pán)使用者,就可以focus到那個(gè)元素,使用鍵盤(pán)的方向鍵去控制局部的滾動(dòng)。
那用關(guān)于overflow:auto清除浮動(dòng)有什么問(wèn)題呢?當(dāng)你鼠標(biāo)壞掉時(shí),用鍵盤(pán)按Tab鍵去網(wǎng)上看新鼠標(biāo)時(shí)就會(huì)發(fā)現(xiàn),按了N N下Tab鍵都到不了想要到的鏈接,因?yàn)閛verflow:auto太多了。XD 想想老外為什么要寫(xiě)那樣復(fù)雜的clearfix吧,難道他們的研究會(huì)比我們少嗎?
那關(guān)于overflow:hidden呢?本來(lái)它是沒(méi)問(wèn)題滴,可是我們偉大的M$不喜歡它,早在04年P(guān)OPO發(fā)現(xiàn)overflow:hidden會(huì)導(dǎo)致中鍵失效。
如果定義了嵌套區(qū)塊元素(比如<div> )的overflow溢出樣式,在這個(gè)區(qū)塊上方,鼠標(biāo)中鍵將失效,這主要是存在于IE中, Mozilla/Firefox/Opera普遍使用自定義的mouse guesture,所以不存在這個(gè)問(wèn)題或者根本就談不上這個(gè)問(wèn)題。比如用IE瀏覽Plod的時(shí)候,在中間內(nèi)容部分按鼠標(biāo)中鍵(假設(shè)你的鼠標(biāo)有中鍵),那個(gè)上下滾屏箭頭沒(méi)有出現(xiàn)吧……
中鍵的功能估計(jì)用得比較少,一般出現(xiàn)N N屏的頁(yè)面,才會(huì)用中鍵來(lái)快速拉動(dòng),例如用IE6打開(kāi)163(不知道改掉了沒(méi)^^)試一下,雖然IE6里那個(gè)不可愛(ài)的四角樣子比較難看,但是也不能因?yàn)樗鼧幼佑袉?wèn)題就把它去掉,哪怕你是不小心的。因?yàn)檎娴挠腥藭?huì)用到,上次跟一個(gè)做論壇的朋友有討論到這個(gè)問(wèn)題,是普通網(wǎng)友提到的。要是導(dǎo)致別人以為中鍵壞了可就不好^^。順便說(shuō)下,你們大膽用,因?yàn)槲已b了羅技的鼠標(biāo)驅(qū)動(dòng),中鍵功能已經(jīng)更新,就算IE也米問(wèn)題。再再順便說(shuō)下,F(xiàn)irefox的中鍵那個(gè)圖可以定制。XD
這些細(xì)小的問(wèn)題可能你認(rèn)為影響并不大,的確,它的影響并不大,可是Web標(biāo)準(zhǔn)本身的意義是什么呢?
關(guān)于overflow:auto的,很多人貪他書(shū)寫(xiě)方便,直接用來(lái)清除浮動(dòng)。但是Firefox使用overflow:auto會(huì)產(chǎn)生focus,引用網(wǎng)友fireyy的評(píng)論
我想這是FF瀏覽器的一個(gè)“可用性和親和力”(usability/accessibility)的設(shè)定,當(dāng)設(shè)定了overflow:auto或者 overflow:scroll的元素不能完全顯示內(nèi)容的時(shí)候(出現(xiàn)滾動(dòng)條),針對(duì)于鍵盤(pán)使用者,就可以focus到那個(gè)元素,使用鍵盤(pán)的方向鍵去控制局部的滾動(dòng)。
那用關(guān)于overflow:auto清除浮動(dòng)有什么問(wèn)題呢?當(dāng)你鼠標(biāo)壞掉時(shí),用鍵盤(pán)按Tab鍵去網(wǎng)上看新鼠標(biāo)時(shí)就會(huì)發(fā)現(xiàn),按了N N下Tab鍵都到不了想要到的鏈接,因?yàn)閛verflow:auto太多了。XD 想想老外為什么要寫(xiě)那樣復(fù)雜的clearfix吧,難道他們的研究會(huì)比我們少嗎?
那關(guān)于overflow:hidden呢?本來(lái)它是沒(méi)問(wèn)題滴,可是我們偉大的M$不喜歡它,早在04年P(guān)OPO發(fā)現(xiàn)overflow:hidden會(huì)導(dǎo)致中鍵失效。
如果定義了嵌套區(qū)塊元素(比如<div> )的overflow溢出樣式,在這個(gè)區(qū)塊上方,鼠標(biāo)中鍵將失效,這主要是存在于IE中, Mozilla/Firefox/Opera普遍使用自定義的mouse guesture,所以不存在這個(gè)問(wèn)題或者根本就談不上這個(gè)問(wèn)題。比如用IE瀏覽Plod的時(shí)候,在中間內(nèi)容部分按鼠標(biāo)中鍵(假設(shè)你的鼠標(biāo)有中鍵),那個(gè)上下滾屏箭頭沒(méi)有出現(xiàn)吧……
中鍵的功能估計(jì)用得比較少,一般出現(xiàn)N N屏的頁(yè)面,才會(huì)用中鍵來(lái)快速拉動(dòng),例如用IE6打開(kāi)163(不知道改掉了沒(méi)^^)試一下,雖然IE6里那個(gè)不可愛(ài)的四角樣子比較難看,但是也不能因?yàn)樗鼧幼佑袉?wèn)題就把它去掉,哪怕你是不小心的。因?yàn)檎娴挠腥藭?huì)用到,上次跟一個(gè)做論壇的朋友有討論到這個(gè)問(wèn)題,是普通網(wǎng)友提到的。要是導(dǎo)致別人以為中鍵壞了可就不好^^。順便說(shuō)下,你們大膽用,因?yàn)槲已b了羅技的鼠標(biāo)驅(qū)動(dòng),中鍵功能已經(jīng)更新,就算IE也米問(wèn)題。再再順便說(shuō)下,F(xiàn)irefox的中鍵那個(gè)圖可以定制。XD
這些細(xì)小的問(wèn)題可能你認(rèn)為影響并不大,的確,它的影響并不大,可是Web標(biāo)準(zhǔn)本身的意義是什么呢?
相關(guān)文章
詳解CSS中zoom屬性或overflow:auto屬性清除浮動(dòng)的作用
這篇文章主要為大家介紹了CSS中zoom屬性或overflow:auto屬性清除浮動(dòng)的作用,文中通過(guò)實(shí)例代碼介紹的很詳細(xì),相信會(huì)對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值,有需要的朋2016-11-26- 小編之前遇到一次這個(gè)bug解決之后,今天又遇到,還是不明白,于是搜索發(fā)現(xiàn)解決方法很簡(jiǎn)單,現(xiàn)在分享出來(lái)給大家一起看看。2016-09-05
DIV背景圖片在Firefox下不顯示通過(guò)overflow:auto可解決
div里加入背景圖片,可是在Firefox下卻無(wú)法正確顯示背景圖片,通過(guò)overflow:auto便可解決此問(wèn)題,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-03- 這篇文章主要介紹了overflow:auto的用法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-19