摘要:而則是讓支持替代代碼,但效果和其它版本瀏覽器相同效果。讓所有瀏覽器包括瀏覽器支持最大寬度又支持最小寬度代碼
/* 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
摘要:無論是否移動(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)...
摘要:一異步編程原理顯然,上面這種方式和銀行取號等待有些類似,只不過銀行取號我們并不知道上一個(gè)人需要多久才會(huì)完成。下面來探討下中的異步編程原理。 眾所周知,JavaScript 的執(zhí)行環(huán)境是單線程的,所謂的單線程就是一次只能完成一個(gè)任務(wù),其任務(wù)的調(diào)度方式就是排隊(duì),這就和火車站洗手間門口的等待一樣,前面的那個(gè)人沒有搞定,你就只能站在后面排隊(duì)等著。在事件隊(duì)列中加一個(gè)延時(shí),這樣的問題便可以得到緩解...
摘要:在接觸前端開發(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)容...
閱讀 3877·2021-10-08 10:05
閱讀 2962·2021-09-27 13:57
閱讀 2691·2019-08-29 11:32
閱讀 1014·2019-08-28 18:18
閱讀 1303·2019-08-28 18:05
閱讀 1993·2019-08-26 13:39
閱讀 871·2019-08-26 11:37
閱讀 2052·2019-08-26 10:37