国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

Meathill / 1302人閱讀

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

/* 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;} 

說明:max-width:1000px; 這個(gè)是IE6以上級其它品牌瀏覽器支持最大范圍寬度。而_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":"");}

說明:min-width:1000px; 這個(gè)是IE6以上級其它品牌瀏覽器支持最大范圍寬度。而_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è)置。這種情況我們常常碰到對圖片控制,讓不確定大小的圖片,如果太寬,不能超出一定范圍值,小的時(shí)候不控制他的方法,用到CSS代碼:
_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 1? "1px" : "auto"));

對圖片控制CSS完整代碼:

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

這里說明:圖片不能超出大于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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/111004.html

相關(guān)文章

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

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

    leone 評論0 收藏0
  • JavaScript異步編程原理

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

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

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

    Yangyang 評論0 收藏0

發(fā)表評論

0條評論

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