CSS div IE6、IE7、Firefox 相容性問題

您可以記住如何為不同的瀏覽器編寫黑客，並且可以輕鬆處理每個瀏覽器的相容性問題

hackstyle{

color:gray;*ff 在瀏覽器中顯示為灰色，因為如果它無法識別以下文字，它將自動忽略它

color:red;\9;*反斜槓9，適用於所有版本的IE，IE8以紅色顯示*

color:blue;*前面的星號只有IE7才能識別，所以IE7顯示為藍色*

color:green;*前面的下劃線只有IE6才能識別，所以IE6會顯示綠色*

margin 屬性在 IE6 中加倍，例如 margin-left： 10px; 在 IE7 中，左邊距是 10 畫素，但在 IE6 中是 20 畫素，所以我通常寫為 margin-left：10px ！

important;margin-left:5px

這意味著 IE7 將向左留邊距：10px; IE6margin-left：遇到 5px

不知道大家懂不懂！

在 IE6 中，當同時使用 float 和 margin 時，您應該新增 display：inline; IE7和FF都沒問題，如果實在調不出來，那就用所謂的hack方法，比如：head為IE6，*為IE7，這樣你就可以分開了！！

你把你寫的東西發給我，我會幫你修復它，並複製那些不起作用的無用的

首先，除錯瀏覽器相容性問題的順序是：FF - >IE8 - >IE7 - >IE6（我們公司只做FF和IE相容性，所以我只說這些。 ）

粗略地說，如果 FF 沒有問題，IE8 就不會有問題。

區分 IE6、IE7 和 IE8 的 ** 是：

classname

注意書寫順序，可以區分ie8、ie7、ie6！！

但是，如果**寫得好，一般只需要調整IE6，即一般只使用符號“ ” ”

事不宜遲，我希望它有所幫助。

他們有多個相容性問題，我不知道你說了什麼。

9 個屬性選擇器（這是不相容的，這是隱藏 CSS 的錯誤）。

p[id]對於以下版本，FF和opera是隱藏的。

屬性選擇器和子選擇器還是有區別的，子選擇器的範圍在形式上縮小了，屬性選擇器的範圍比較大，比如在p[id]中，p標籤中的所有id都是一樣的。

10 即捉迷藏問題。

當 div 應用比較複雜時，每列都有一些鏈結，此時 div 容易出現捉迷藏問題。

有些內容沒有顯示，滑鼠選擇這個區域時，發現內容確實在頁面上。

解決辦法：對布局使用 line-height 屬性，或對布局使用固定高度和寬度。 使頁面結構盡可能簡單。

11 身高適應不良。

高度不相容是指內部物體的高度發生變化，外部高度無法自動調整，尤其是在使用內部物體時。

margin 或 paddign。

示例：p 物件的內容。

css：#box

#box p

解決方案：新增 2 個空的 div 物件 CSS**：1 或者將 border 屬性新增到 div 中。

所有瀏覽器通用。

height: 100px;

IE6 獨佔。

height: 100px;

IE6 獨佔。

height: 100px;

IE7 獨佔。

height: 100px;

IE7、FF共享。

height: 100px !important;

IE6是IE版本中最特別的存在，差異比較多，bug也比較多，不然你給我**，我給你看？

沒看到**很難說，你去藍色經典論壇問問。

CSS相容性問題，只需搜尋IE相容性即可找到解決方案。

僅效能就應該有兩個方面：

1.至於樣式，IE6 預設為 div 的最小高度，即使你寫了 height="2px"但實際上IE6的高度會大於2px，所以IE6的高度是預設的，你寫這個是背景所以不對，首先要給這個div加overflow：hided到4點，這樣你寫的2px高度就可以是2px的高度，超出它就不顯示了。

**IE6 不相容問題。 我猜你的 4 點背景圖片應該是。 PNG格式，IE6與PNG不相容，IE6會用附近的背景顏色填充透明部分。

有兩種解決方法，第一種是用gif代替**，這種方法是最快的，唯一要處理的就是下乙個**的鋸齒狀，因為gif對梯度效果的識別很差。 第二種方式是相容JS IE6的，你在網上搜尋到相容IE6的PNG，應該有JS相容的方法，可以複製。

滿意，給出滿意的答案。 謝謝。

你好！ 我們很樂意回答您的問題！

這裡面涉及的內容很多，可以參考一下。

把這個**放進去，IE8中的頁面和IE7完全一樣，所以，基本上可以忽略IE8，剩下的**就這麼寫就行了。

background:#ffc;*適用於 Firefox*

background:#ccc;適用於 IE7

background:#000;*僅適用於 IE6*

解釋一下：

Firefox可以解析第一段，最後兩段前面有特殊符號“*”和“ ”Firefox無法識別它，所以它只識別背景：ffc，你看到黃色;

IE7 可以識別前兩個短路，最後乙個以後乙個為準，所以最終分析是背景：ccc，看到灰色;

IE6 可以識別所有三個段落，並且“ ”這個只有 IE6 才能識別，所以最終分析是背景：000，你看到的是黑色的。

第乙個問題：

沒注意到你的字在**，這個字型因為IE的問題而不一樣，IE在繼承**字型的時候有問題，需要直接指定字型。如：TD

第二個問題：

text-align：center;即使在FF中，也可以將文字居中（見圖），居中是設定寬度值，然後將左右邊距設定為自動。

第三個問題：

將 td 設定為上次作為表單提交的 td。

1 字型問題在二樓。

2 您輸入的內容不是純文字，不能使用。

text-align

您可以使用 margin：0 auto;

3 你用的是浮點，我建議你告別乙個層，層的css設定為clear：both;

這實在是太過分了，如果除錯乙個網頁可以直接在FF中除錯，然後在IE8中再除錯一下，這兩個正常顯示然後就差不多適應所有瀏覽器了。

至於各種瀏覽器的黑客攻擊，太多了，記不住了。

用IE8除錯，分別在相容模式和非相容模式下看到效果，差不多不錯了。

IE6去死，去死。