摘要:而則是讓支持替代代碼,但效果和其它版本瀏覽器相同效果。讓所有瀏覽器包括瀏覽器支持最大寬度又支持最小寬度代碼
/* position:fixed IE6bug解決方案 */
/* 讓修復IE6 position:fixed不可用的Bug! */
/* 頭部固定 */
.fixed-top{position:fixed;bottom:auto;top:0px;}
/* 底部固定 */
.fixed-bottom{position:fixed;bottom:0px;top:auto;}
/* 左側固定 */
.fixed-left{position:fixed;right:auto;left:0px;}
/* 右側固定 */
.fixed-right{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流瀏覽器通用的方法 /
/ 修正IE6振動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 右側固定定位 */
* 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 左側固定定位 */
* 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; 這個是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是你需要的數值,注意3個數值的相同。
設置最大max-width的時候別忘記加上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; 這個是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是你需要的數值,注意3個數值的相同。
3、讓IE6支持min-width同時又支持max-width解決方法
讓IE6即支持最小寬度又支持最大寬度限制設置。這種情況我們常常碰到對圖片控制,讓不確定大小的圖片,如果太寬,不能超出一定范圍值,小的時候不控制他的方法,用到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"));}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/111004.html
摘要:無論是否移動,元素仍然占據原來的空間。絕對定位絕對定位使元素的位置與文檔流無關,因此不占據空間。 為啥讀這本書 現在前端圈子過于浮躁,掌握基礎無疑比掌握一個js框架重要 css怎么都能寫出來,但是要寫的好寫得快還得多讀書 css魔法推薦的,讀完這個讀讀css揭秘 當然,根本原因還是覺得自己掌握不好 開始總結吧~ 一. 基礎知識 經過上世紀沒有 css的痛苦時的混沌時期,人們開始了進...
摘要:一異步編程原理顯然,上面這種方式和銀行取號等待有些類似,只不過銀行取號我們并不知道上一個人需要多久才會完成。下面來探討下中的異步編程原理。 眾所周知,JavaScript 的執行環境是單線程的,所謂的單線程就是一次只能完成一個任務,其任務的調度方式就是排隊,這就和火車站洗手間門口的等待一樣,前面的那個人沒有搞定,你就只能站在后面排隊等著。在事件隊列中加一個延時,這樣的問題便可以得到緩解...
摘要:在接觸前端開發起,跨域這個詞就一直以很高的頻率在我們學習工作中重復出現,最近在工作中遇到了跨域的相關問題,這里我把它總結記錄一下。 在接觸前端開發起,跨域這個詞就一直以很高的頻率在我們學習工作中重復出現,最近在工作中遇到了跨域的相關問題,這里我把它總結記錄一下。關于跨域,有N種類型,現在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹),內容...
閱讀 3881·2021-10-08 10:05
閱讀 2968·2021-09-27 13:57
閱讀 2693·2019-08-29 11:32
閱讀 1017·2019-08-28 18:18
閱讀 1312·2019-08-28 18:05
閱讀 1997·2019-08-26 13:39
閱讀 875·2019-08-26 11:37
閱讀 2056·2019-08-26 10:37