国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

讓IE6支持兼容min-width、max-width CSS樣式屬性的方法

2024-07-11 08:29:36
字體:
來源:轉載
供稿:網友

我們在寫CSS的時候,常常會遇到讓一個圖片或一個布局不能超出設定一定寬度范圍值,有時需要設置一個最小寬度,接下來由DIVCSS5為大家總結的解決IE6不支持min-width和不支持max-width的方法。以下為CSS 寬度之IE6支持最小寬度、最大寬度解決技巧(你可能需要進一步詳細了解CSS width知識)。

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完整代碼:

復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 贵南县| 滕州市| 淮南市| 左云县| 隆尧县| 高邮市| 抚宁县| 崇礼县| 兴海县| 宁乡县| 英吉沙县| 栾川县| 保山市| 曲周县| 仙居县| 长葛市| 饶河县| 屯昌县| 三江| 九龙县| 大关县| 永仁县| 博野县| 达尔| 彰化市| 张北县| 威信县| 额济纳旗| 财经| 湖南省| 大埔县| 平远县| 石楼县| 武平县| 蓬莱市| 淳化县| 昌都县| 沧源| 安顺市| 筠连县| 北海市|