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

資訊專欄INFORMATION COLUMN

關于前端瀏覽器 IE6bug 解決方案

Meathill / 1311人閱讀

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

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

相關文章

  • 讀后總結--精通css高級web標準解決方案(第二版)

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

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

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

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

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

    Yangyang 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<