去除框架橫向滾動條
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
在網頁上使用了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 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
