IE常見BUG總結

2022-09-06 02:00:18 字數 1203 閱讀 2729

1.position:fixed;

/*

除ie6瀏覽器的通用方法

*/.ie6fixedtl.ie6fixedbr

/*ie6瀏覽器的特有方法

*/* html .ie6fixedtl* html .ie6fixedbr

2.子元素100%無法獲取父元素未定義高度的高度

_height:expression(document.body.offsetheight+"px");

3.透明度失效

opacity: 0.7;

filter:alpha(opacity=70);

其中ie tester中還是不透明,測試軟體問題,真實瀏覽器已經透明

4.定位div在當前頁面(client)中心位置,滾動條滾動不影響位置,重點標粉

.m-loginwarp

js

var $loginwarp=$(".m-loginwarp");

//判斷是否是ie6-9;

var flag="getcomputedstyle" in

window;

function

loginpos() )

return

}

//如果不是現代瀏覽器,獲取當前頁面的寬高-元素寬高/2就是左上距離

var clientw=document.documentelement.clientwidth||document.body.clientwidth;

var clienth=(document.documentelement.clientheight||document.body.clientheight);

var left=(clientw-$loginw)/2+(document.documentelement.scrollleft||document.body.scrollleft);

var top=(clienth-$loginh)/2+(document.documentelement.scrolltop||document.body.scrolltop);

$loginwarp.css()

}//檢測視窗變化

$(window).on("resize scroll",function

() )

IE6常見BUG 和處理

1 ie6怪異解析之padding與border算入寬高 原因 未加文件宣告造成非盒模型解析 解決方法 加入文件宣告 2 ie6在塊元素 左右浮動 設定marin時造成margin雙倍 雙邊距 解決方法 display inline 3 以下三種其實是同一種bug,其實也不算是個bug,舉個例子 父...

ie6 常見bug解決之道

bug 1 解決div 無法遮擋 select 的問題 一現象 在調整頁面樣式時,經常發現浮動層的div被select遮擋。效果如下 二.原因 在ie中,select屬於window型別控制項,它會 擋住 所有非window型別控制項 可以這麼理解,div這樣的元件是在瀏覽器客戶區使用 渲染 的,他...

IE6常見BUG相容解決方法

開發前端的同學一定都知道,ie6是相容bug最多的瀏覽器,它不支援png alpha通道暫且不論。其文件的解析理解規範也引起了諸多惱人的bug,有時甚至讓人感到絕望。本文主要講解一些比較容易遇到的ie6bug,以及解決的辦法。一 ie6雙倍邊距bug 當頁面上的元素使用float浮動時,不管是向左還...