CSS相容IE6,IE7,FIREFOX的問題怎麼解決呢

時間 2021-10-14 21:30:54

1樓:火狐

css可以參考w3c標準

2樓:匿名使用者

第一種,是css hack的方法

height:20px; /*for firefox*/*height:25px; /*for ie7 & ie6*/_height:

20px; /*for ie6*/注意順序。

這樣也屬於css hack,不過沒有上面這樣簡潔。

#example /* moz */

* html #example /* ie6 */*+html #example /* ie7 */第二種是使用ie專用的條件註釋

第三種css filter的辦法,以下為經典從國外**翻譯過來的。.

新建一個css樣式如下:

#item

新建一個div,並使用前面定義的css的樣式:

some text here

在body表現這裡加入lang屬性,中文為zh:

現在對div元素再定義一個樣式:

*:lang(en) #item

這樣做是為了用!important覆蓋原來的css樣式,由於:lang選擇器ie7.

0並不支援,所以對這句話不會有任何作用,於是也達到了ie6.0下同樣的效果,但是很不幸地的是,safari同樣不支援此屬性,所以需要加入以下css樣式:

#item:empty

:empty選擇器為css3的規範,儘管safari並不支援此規範,但是還是會選擇此元素,不管是否此元素存在,現在綠色會現在在除ie各版本以外的瀏覽器上。

對ie6和ff的相容可以考慮以前的!important

如何解決ie6、ie7、ie8、firefox的css相容性問題!詳細說下謝謝了!

3樓:七星陣

9 屬性選擇器(這個不能算是相容,是隱藏css的一個bug)

p[id]{}div[id]{}

這個對於ie6.0和ie6.0以下的版本都隱藏,ff和opera作用

屬性選擇器和子選擇器還是有區別的,子選擇器的範圍從形式來說縮小了,屬性選擇器的範圍比較大,如p[id]中,所有p標籤中有id的都是同樣式的.

10 ie捉迷藏的問題

當div應用複雜的時候每個欄中又有一些連結,div等這個時候容易發生捉迷藏的問題。

有些內容顯示不出來,當滑鼠選擇這個區域是發現內容確實在頁面。

解決辦法:對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構儘量簡單。

11 高度不適應

高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節,特別是當內層物件使用

margin 或paddign 時。

例: p物件中的內容

css:#box

#box p

解決方法:在p物件上下各加2個空的div物件css**:.1或者為div加上border屬性。

4樓:匿名使用者

一樓的真不錯,有些問題我還不知道呢! 有些問題之前解決不了就只用其他方法代替,現在可以輕鬆點了

5樓:匿名使用者

大多 因為 寬度

找到 適合 的寬度

6樓:火狐

可以試試看

ie和火狐css相容問題

7樓:火狐

您好!很高興為您答疑。

因為基於的標準存在一定差別,故而同樣的**在火狐和ie下展現出來的樣式肯定是存在一定差別的。而您所說的關於meta宣告只是導致該問題的可能性之一。不過一般而言,只要遵循w3c標準進行編碼,都可以在火狐下獲得正確的展示形式。

如果對我們的回答存在任何疑問,歡迎繼續問詢。

css怎樣解決ie瀏覽器旋轉不相容

看一下w3c標準,對相容性都有說明,有些屬性是後面加上去的,所以ie低版本不相容,這時候就換種方式就行了 css樣式如何解決ie瀏覽器不同版本的相容問題?如果你想讓瀏覽器是固定的ie6版本,那麼你做網頁的時候在後面加上一句話 把這句話加在標籤後面第一句話就ok了。注意,再強調一遍 加在標籤後面第一句...

如何使用mac版chrome的ie相容模式

行在月夜 chrome使用ie相容模式的具體操作步驟如下 2 然後,選擇 擴充套件程式 選項 4 隨後,在彈出的對話方塊中選擇 新增擴充套件程式 5 最後,在不相容的網頁中,可右鍵選擇ie tab開啟,到此,chrome中使用ie相容模式的步驟就已經結束了 大山那邊是太陽 safari沒有所謂的相容...

如何解除安裝ie9,如何解除安裝win7中的IE9瀏覽器

1.單擊 開始 按鈕,在搜尋框中鍵入 程式和功能 然後單擊 檢視已安裝的更新 2.右鍵單擊 windows internet explorer 9 單擊 解除安裝 然後在出現提示時單擊 是 3.單擊以下選項之一 立即重新啟動 完成。internet explorer 解除安裝過程,恢復以前的。int...