ie和ff區別關於css和js,下面關於ie ff下面css

本文目錄一覽：

• 1、js 中如何操作css中class的值，和它在IE 和 F F中的區別
• 2、FF和IE在CSS里有什麼區別？
• 3、IE6、 IE7、 FF在CSS表現上有哪些區別?拜託了各位 謝謝
• 4、在線等：IE瀏覽器和 FF,Chrome在CSS寫法上的區別
• 5、css 在IE中和FF中的區別
• 6、IE和FF下CSS樣式的區別

js 中如何操作css中class的值，和它在IE 和 F F中的區別

一。

js中對class並沒有像對id有

getElementById(“id”)相對操作的getElementByClassname(“name”)。你可以自行定義，但一般情況可通過

obj.setAttribute(“className”)和obj.getAttribute(“classname”)對class進行基本操作。

二。

{

ok=obj.getAttribute(“className”)’;}//for

IEelse{

ok=obj.getAttribute(“class”);}//for

FFobj.className=ok;

}這裡要取得class的值時，IE使用的是

obj.getAttribute(“className”)而FF要用obj.getAttribute(“class”)。

FF和IE在CSS里有什麼區別？

有很大的區別!

不同的瀏覽器對css的支持不同.

為什麼會出現css,就是為了讓不同的瀏覽器能正常顯示網頁

IT界有太多的瀏覽器了

imporment是強調的作用,提升一個屬性的級別,IE支持,別的不支持,而且IE還得是高版本的.它將把一個屬性提高到最高級別

IE6、 IE7、 FF在CSS表現上有哪些區別?拜託了各位 謝謝

這說不準的，有時候像CSS樣式你寫好後，用IE6瀏覽格式和位置是對的，但是FF瀏覽卻會亂跑的，還有顏色方面，IE6 IE7之間是存在差異的。不過在CSS寫法上有些是不同的，就像繼承樣式一樣，IE6就不需要中間加個空格，但是在FF上就需要一個空格了，要不然FF不會承認這個樣式的存在，另外區別也有很多，但是這還得靠你自己摸索的。 解決辦法是有一個的，你假如遇到一個問題不對了，你就可以上百度搜索一下就可以解決了。一般都會有提示的，如果你找不到答案，就乾脆上知道還提問了，加點分，對了，幫你回答了這麼多，總得幫我加個二十分吧！ 查看原帖

希望採納

在線等：IE瀏覽器和 FF,Chrome在CSS寫法上的區別

目前，對css的解析。不同的瀏覽器是不一樣的，同為IE，不同的版本也是不一樣的。

以我的經驗，目前的主流瀏覽器中IE6是最麻煩也是最與眾不同的。所以，我一般用dreamweaver cs4寫html，它的解析與FF，Chrome相差已不是很遠。這種解析是比較符合W3C標準的。

建議，分模塊確定CSS。比如，寫sidebar的css，把sidebar寫完後，立即比較FF與IE6的差別。對不同進行修正，修正的方法就是樓上所說的CSS HACK，方法很多，可以上網搜一搜。

還有一個很有用的經驗，就是第一條css這樣寫：

*{

margin:0;

padding:0;

}

這樣可以方便地消除很多解析不同的地方。

css 在IE中和FF中的區別

兩種瀏覽器對於CSS的處理不一樣造成的，但是基本上的處理是差不多的，只是有些預定義信息不一樣。

比如 padding 有的瀏覽器默認是0，有的是10。

如果你寫頁面的話，最好把所有的信息都定義一遍

比如

* {

padding:0;

margin:0;

}

IE和FF下CSS樣式的區別

FF對盒模型的解釋也不一樣，代碼說明：#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }

test 顯示的寬帶是 650px

IE Box的總寬度是： width+padding+border+margin寬度總和

FF Box的總寬度就是 width的寬度，padding+border+margin的寬度在含在width內。

如果有BOX{WIDTH:”300″; PADDING:”5PX”;

則BOX在IE的寬度應該為:310

而在FF的寬度則是300

所以在BOX有填充的情況下應該這樣使用

BOX{WIDTH:”290″!IMPORTANT; WIDTH: “300”;}

這樣子才能確保BOX的寬度始終在300px,而不會出現被撐開的現象，

而在FF裡面則不會造成浮動層填不滿的情況

ul 標籤在 Mozilla 中有 padding 值的，而在 IE 中只有 margin 有值。

設置ul{margin:0;padding:0}

針對firefox ie6 ie7的css樣式

現在大部分都是用!important來hack，對於ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解釋，會導致頁面沒按要求顯示！找到一個針對IE7不錯的hack方式就是使用“*+html”，現在用IE7瀏覽一下，應該沒有問題了。

現在寫一個CSS可以這樣：

#1 { color: #333; } /* Moz */

* html #1 { color: #666; } /* IE6 */

*+html #1 { color: #999; } /* IE7 */

那麼在firefox下字體顏色顯示為#333，IE6下字體顏色顯示為#666，IE7下字體顏色顯示為#999

可以用”+”來實現只有IE識別的CSS Hack

可能有朋友想到用”_” Hack，但它們是由區別的，因為IE7中是不識別“_”的。所以用+

測試結果：

IE5.5，IE6 ，IE7瀏覽器都能識別；

FF2.0，Opera 9，Safari 2瀏覽器不識別