IE6去除iframe滾動條

2021-06-19 00:58:21 字數 1094 閱讀 2534

在頁面上引用frame或者iframe,在ie6瀏覽器下,可能出現橫向滾動條,如果使用scroling="no",會消除縱向的滾動條。

好,那也有可能在body標籤或css裡面定義overflow-x: hidden; overflow-y: auto;這兩個引數,但是仍舊那討厭的橫向滾動條還在。

這是為什麼呢?原來,在用ie6瀏覽有框架的xhtml頁面的時候,缺省會水平和垂直滾動條會一起出現,這是ie6的乙個漏洞,你在firefox上瀏覽你的**是正常的,而ie6對xhtml 1.0 transitional doctype的解釋缺陷.

方法1:

html

原理:強制顯示ie的垂直滾動條,而忽略水平滾動條

優點:完全解決了這個問題, 允許你保持完整的xhtml doctype.

缺點:即使頁面不需要垂直滾動條的時候也會出現垂直滾動條。

方法2:

html

原理:隱藏橫向滾動,垂直滾動根據內容自適應

優點:在視覺上解決了這個問題.在不必要的時候, 未強制垂直滾動條出現.

缺點:只是隱藏了水平滾動條,如果頁面真正需要水平滾動條的時候,螢幕以外的內容會因為使用者無法水平滾動,而看不到。

方法3:

body

原理:這會在margin的水平和垂直方向上新增乙個負值, ie新增了該精確數值後, 便會去除對滾動條的需求假象.

優點:在視覺上解決了這個問題,垂直滾動根據內容自適應

缺點:由於"人為建立"了15px的外邊距(margin), 所以無法使用該填充過的螢幕區域.

在設定frame時,有一屬性是scrolling="yes/no/auto",ie6的mozilla都支援。但很顯然地,ie的開發人員在這個地方懶了一下,他們對auto的理解很不人性化。

auto的意思是自動,就是要的時候有,不要的時候沒有。但如果設成auto,則在網頁過長需要出豎起滾動條時,ie會自動地把水平滾動條也顯示出來,哪怕網頁完全不超寬。

而設成yes時,ie則會一直出豎直滾動條,而不隨便出水平條,這差不多是對的。

所以如果要用frame的話,還是要把這個屬性設成yes,這完全是為遷就ie。mozilla則在任何時候都是對的。

最好設定成這:scrolling=」yes「

ie6 滾動條無限下拉(鄙視IE6)

昨天在做頁面,測試到ie6的時候,遇到滾動條無限下拉的bug,ie6就是這麼麻煩,後來找了一些資料來看,自己嘗試了一些方法,終於找到解決方法。一般ie6會出現這種問題,都是你設定了某個東西的position abselute,在ie6下,遇到這種絕對位置的,他會一直往父元素找乙個position r...

IE6雙滾動條處理

如果想要解決這個問題,你需要選擇乙個最適合自己的解決方案.方案 1 在css定義中貼上下面的 html 這會強制預設出現垂直滾動條,這樣一來,從某些理由上來講,便消去了ie對水平滾動條的需求.優點 完全解決了這個問題,允許你保持完整的xhtml doctype.缺點 即使不需要垂直滾動條的時候也強制...

ie6取消橫向滾動條

本文技術 與網路,連線如下,感謝大家分享,著急的可以直接將下面的css樣式載入到自己頁面中即可,新手,有問題還請多多包涵,共同進步 html,body update 2014 09 15 按照上述修改之後,能解決部分橫屏問題,但是有時候還是不給力 發現新的方法,參見連線 感謝各位大神的分享啦 ove...