去除框架橫向滾動條
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
在網頁上使用了frame或者iframe,使用IE6瀏覽,將可能出現非常不美觀的橫向滾動條。那么你有可能會使用scrolling="no"這個屬性,但這樣講會導致連豎向的滾動條都不見了。好,那也有可能在body標簽或css里面定義overflow-x: hidden; overflow-y: auto;這兩個參數,但是仍舊那討厭的橫向滾動條還在。
這是為什么呢?原來,在用IE6瀏覽有框架的XHTML頁面的時候,默認會水平和垂直滾動條會一起出現,這是IE6的一個漏洞,你在Firefox上瀏覽你的網站是正常的,而IE6對XHTML 1.0 Transitional DOCTYPE的解釋缺陷. 方法1: Code html { overflow-y: scroll; } 原理:強制顯示ie的垂直滾動條,而忽略水平滾動條 優點:完全解決了這個問題, 允許你保持完整的XHTML doctype. 缺點:即使頁面不需要垂直滾動條的時候也會出現垂直滾動條。 方法2: Code html { overflow-x: hidden; overflow-y: auto; } 原理:隱藏橫向滾動,垂直滾動根據內容自適應 優點:在視覺上解決了這個問題.在不必要的時候, 未強制垂直滾動條出現. 缺點:只是隱藏了水平滾動條,如果頁面真正需要水平滾動條的時候, 屏幕以外的內容會因為用戶無法水平滾動,而看不到。 方法3: Code body { margin-right: -15px; margin-bottom: -15px; } 原理:這會在margin的水平和垂直方向上添加一個負值, IE添加了該精確數值后, 便會去除對滾動條的需求假象. 優點:在視覺上解決了這個問題.,垂直滾動根據內容自適應 缺點:由于"人為創建"了15px的外邊距(margin), 所以無法使用該填充過的屏幕區域. 該文章在 2010/8/14 0:06:59 編輯過 |
關鍵字查詢
相關文章
正在查詢... |