成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于前端瀏覽器 IE6bug 解決方案

Meathill / 1314人閱讀

摘要:而則是讓支持替代代碼,但效果和其它版本瀏覽器相同效果。讓所有瀏覽器包括瀏覽器支持最大寬度又支持最小寬度代碼

/* position:fixed IE6bug解決方案 */

/* 讓修復(fù)IE6 position:fixed不可用的Bug! */

/* 頭部固定 */

.fixed-top{position:fixed;bottom:auto;top:0px;}

/* 底部固定 */

.fixed-bottom{position:fixed;bottom:0px;top:auto;}

/* 左側(cè)固定 */

.fixed-left{position:fixed;right:auto;left:0px;}

/* 右側(cè)固定 */

.fixed-right{position:fixed;right:0px;left:auto;}

/* 上面的是除了IE6的主流瀏覽器通用的方法 /
/
修正IE6振動(dòng)bug */

* html, * html body{background-image:url(about:blank);background-attachment:fixed;}

/* IE6 頭部固定定位 */

* html .fixed-top{position:absolute;bottom:auto;
top:expression(eval(document.documentElement.scrollTop));}

/* IE6 右側(cè)固定定位 */

* html .fixed-right{position:absolute;right:auto;
left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0));}

/* IE6 底部固定定位 */

* html .fixed-bottom{position:absolute;bottom:auto;
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));}

/* IE6 左側(cè)固定定位 */

* html .fixed-left{position:absolute;right:auto;
left:expression(eval(document.documentElement.scrollLeft));}

IE6支持兼容min-width、max-width CSS樣式屬性
1、IE6支持max-width解決方法

IE6支持最大寬度,解決CSS代碼:

.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;} 

說(shuō)明:max-width:1000px; 這個(gè)是IE6以上級(jí)其它品牌瀏覽器支持最大范圍寬度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;則是讓IE6支持max-width替代CSS代碼,但效果和其它版本瀏覽器相同效果。

讓所有瀏覽器都支持max-width的CSS樣式代碼,完整:

max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");overflow:hidden;

這里的1000和1000px是你需要的數(shù)值,注意3個(gè)數(shù)值的相同。
設(shè)置最大max-width的時(shí)候別忘記加上overflow:hidden;

2、IE6支持min-width解決方法

IE6支持最小寬度,解決CSS代碼:

.yangshi{min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");}

說(shuō)明:min-width:1000px; 這個(gè)是IE6以上級(jí)其它品牌瀏覽器支持最大范圍寬度。而_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");則是讓IE6支持min-width替代CSS代碼,但效果和其它版本瀏覽器相同效果。
讓所有瀏覽器都支持min-width的CSS樣式代碼,完整:

min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");

這里的1000和1000px是你需要的數(shù)值,注意3個(gè)數(shù)值的相同。

3、讓IE6支持min-width同時(shí)又支持max-width解決方法

讓IE6即支持最小寬度又支持最大寬度限制設(shè)置。這種情況我們常常碰到對(duì)圖片控制,讓不確定大小的圖片,如果太寬,不能超出一定范圍值,小的時(shí)候不控制他的方法,用到CSS代碼:
_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));

對(duì)圖片控制CSS完整代碼:

img{max-width:620px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}

這里說(shuō)明:圖片不能超出大于620px的寬度,又不小于1像素的寬度。
讓所有瀏覽器包括IE6瀏覽器支持最大寬度又支持最小寬度DIV CSS代碼:

.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));}

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/111004.html

相關(guān)文章

  • 讀后總結(jié)--精通css高級(jí)web標(biāo)準(zhǔn)解決方案(第二版)

    摘要:無(wú)論是否移動(dòng),元素仍然占據(jù)原來(lái)的空間。絕對(duì)定位絕對(duì)定位使元素的位置與文檔流無(wú)關(guān),因此不占據(jù)空間。 為啥讀這本書(shū) 現(xiàn)在前端圈子過(guò)于浮躁,掌握基礎(chǔ)無(wú)疑比掌握一個(gè)js框架重要 css怎么都能寫(xiě)出來(lái),但是要寫(xiě)的好寫(xiě)得快還得多讀書(shū) css魔法推薦的,讀完這個(gè)讀讀css揭秘 當(dāng)然,根本原因還是覺(jué)得自己掌握不好 開(kāi)始總結(jié)吧~ 一. 基礎(chǔ)知識(shí) 經(jīng)過(guò)上世紀(jì)沒(méi)有 css的痛苦時(shí)的混沌時(shí)期,人們開(kāi)始了進(jìn)...

    leone 評(píng)論0 收藏0
  • JavaScript異步編程原理

    摘要:一異步編程原理顯然,上面這種方式和銀行取號(hào)等待有些類似,只不過(guò)銀行取號(hào)我們并不知道上一個(gè)人需要多久才會(huì)完成。下面來(lái)探討下中的異步編程原理。 眾所周知,JavaScript 的執(zhí)行環(huán)境是單線程的,所謂的單線程就是一次只能完成一個(gè)任務(wù),其任務(wù)的調(diào)度方式就是排隊(duì),這就和火車(chē)站洗手間門(mén)口的等待一樣,前面的那個(gè)人沒(méi)有搞定,你就只能站在后面排隊(duì)等著。在事件隊(duì)列中加一個(gè)延時(shí),這樣的問(wèn)題便可以得到緩解...

    lidashuang 評(píng)論0 收藏0
  • 20K前端大佬面試(關(guān)于如何回答ajax跨域問(wèn)題)

    摘要:在接觸前端開(kāi)發(fā)起,跨域這個(gè)詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn),最近在工作中遇到了跨域的相關(guān)問(wèn)題,這里我把它總結(jié)記錄一下。 在接觸前端開(kāi)發(fā)起,跨域這個(gè)詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn),最近在工作中遇到了跨域的相關(guān)問(wèn)題,這里我把它總結(jié)記錄一下。關(guān)于跨域,有N種類型,現(xiàn)在我只專注于ajax請(qǐng)求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹),內(nèi)容...

    Yangyang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<