讓IE6支援相容min width max

2022-09-24 14:00:16 字數 1789 閱讀 7710

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

1、ie6支援max-width解決方法

ie6支援最大寬度,解決css**:

複製**

**如下:

.yangshi

說明: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; 這個是ie6以上級其它品牌瀏覽器支援最大範圍寬度。而_width:expwww.cppcns.comression((document.documentelement.clientwidth||document.body.clientwidth)>1000?"100程式設計客棧0px":"");則是讓ie6支援min-width替代css**,但效果和其它版本瀏覽器相同效果。

讓所有瀏覽器都支援min-width的css樣式**,完整:

min-width:1000px;_width:expresswww.cppcns.comion((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這裡說明:不能超出大於620px的寬度,又不小於1畫素的寬度。

讓所有瀏覽器包括ie6瀏覽器支援最大寬度又支援最小寬度div css**:

複製**

**如下:

.yangshi

本文標題: 讓ie6支援相容min-width、max-width css樣式屬性的方法

本文位址:

IE6支援positionfixed方案

ie7已經支援position fixed了,而我們的ie6呢?還繼續使用js事件?消耗資源,破壞結構,畫面閃耀。今天去一老外站看到了這他站上的十分平滑但卻沒有js,好奇,原來。巧妙啊,分享下,相對而言比較節省資源。但效果好,使用方便,兼顧w3c。哈哈 程式 ie stuff.css 程式 foot...

IE6支援important的小注意

ie6真的不認識不支援 important嗎?答案是 no 現在舉幾個例子說明這個問題,以下面的 xhtml 為例 第乙個例子的 css ul list li first 在 ie6 裡,第一行文字為紅色,important 起作用了。如果 first 不加 important 那麼在所有瀏覽器中第...

IE6 支援a hover 失效的問題

昨天一位qq好友問了這樣乙個問題 body a href img src a body 在ie6滑鼠懸停的時候 img 的樣式並沒有發生變化.從 上看,完全沒有問題.當時我也測試了一下.的確沒有效果.由於工作的原因,沒時間,所以就擱置到了今天.剛才就重新對這個 demo 測試了一下.當時也沒有想到 ...