表達它

如果您正在查看的頁面在​​IE8，那麼你必須看到一個完全不透明的這篇文章後面的白色背景。 昨天，我collegue指出這一點我（由於我的人適應變化緩慢而穩定地之一，特別是瀏覽器。可能會說，我是個膽小鬼，但就這樣吧....作為一個UI開發人員，我總是害怕新版本的瀏覽器的狗屎......你知道什麼即時通訊tlaking左右，對不對？）

挖周圍的同時，試圖找到一個解決方案來解決它，那麼...
這一次我們喜愛的瀏覽器全部做了一遍刪除所有支持CSS的透明度。 非標準`過濾器：α（不透明度=＃＃）“已刪除的CSS屬性，尼斯，但他們也完全忘了加上CSS3的的混濁支持（像所有其他的瀏覽器是如何很好一直在）。 因此，對於第一次因為神告訴我們關於CSS透明度（使用IE 5.0以來，我猜），網頁瀏覽器將不支持CSS的透明度。
現在在上面的奶油： 從IE 8團隊官方字嗎？ 這是“設計”和“我們會考慮在未來版本的IE瀏覽器”。

PS：嘗試在FF此頁，發誓它看起來整齊！

如果你曾經使用（或一）垂直菜單列表項（李）標記和CSS，你可能遇到的又一錯誤在IE瀏覽器，IE 6之間插入列表項包含塊級元素，這些差距，也就是說，如果有任何標記列表項之間的空白。 謝謝，但沒有感謝，免費版本的IE 7似乎從這個錯誤。
如果像我，更多的人，你屬於這一帶失意的開發商，還必須得到他們的新佈局，工作壓力太大在IE6，那麼這可能證明是有用的。 看看...

樣品的標記 ：

<ul id="menu">
<li> <a href="#">首頁</ A> </ LI>
<li> <a href="#">關於</ A> </ LI>
<li> <a href="#">服務</ A> </ LI>
<li> <a href="#">組合</ A> </ LI>
<li> <a href="#">幫助</ A> </ LI>
<li> <a href="#">聯繫我們</ A> </ LI>
</ UL>

您可以創建一些CSS，類似一以下，transfrom到一個垂直的菜單，上面的標記......

示例CSS ...
＃菜單{
保證金：0：0;背景：＃FF9900;
列表樣式類型：無;寬度：150像素;
}
＃菜單李{保證金：0;填充：0;}
＃菜單的{顯示：塊;
顏色：＃555555;
文字裝飾：無;
填充：0均為15px;
線高度：2.5;邊境底：1px固體＃足協;
}

你會看到的結果...

解這個錯誤......（修改/添加CSS粗體斜體）

＃菜單{
保證金：0：0;背景：＃FF9900;列表樣式類型：無;寬度：150像素;
浮動：左; / *這包含浮動的列表項* /
}
＃菜單李{
保證金：0;填充：0;
浮動：左; / *修復* /
寬度：100％; / *在IE6的空白錯誤* /
}
＃菜單{
顯示：塊;顏色：＃555555;
文字裝飾：無;
填充：0均為15px;
線高度：2.5;邊境底：1px固體＃足協;
}

如果上述解決方案亙古不變的似乎工作（IE6的唯一原因）...嘗試這種方法，而不是

只需添加額外的IE6的唯一樣式標記...

<！ - [如果它的IE 7>
<style type="text/css">
＃菜單裡的{顯示：內聯塊;}
＃菜單裡的{顯示：塊;}
</ STYLE>
<[ENDIF] - >

在多個場合，同時彈出部門/燈箱/提示頁面佈局等我們遇到某種形式的選擇對象恰好是根據這些彈出分部設計的，它表明通過的情況下...... 毓！！

好吧！ 你可以很容易地修復你的Z指數值適當調整FF和IE7。 但好舊（雙關語意）IE6的行為並不如預期.... 選擇框顯示，即使你申請一些大幅高Z指數值，您的彈出司...無賴！！！

有此問題沒有修復，但也有，我相信，多一些工作方式解決這個問題，但我在這裡要告訴你，我用最簡單的解決，​​這對我來說工作得很好，在最案件....

“隱藏胭脂SELECT顯示彈出框當您 ”

你只需在你的腳本片段顯示您的彈出，添加一塊腳本設置選擇框的知名度，以“隱藏”

document.getElementById（“my_select）style.visibilty =”隱藏“。

並記住設置您的彈出部結束

。document.getElementById（my_select“）style.visibilty的”可見“;

，“my_select”是刺激的選擇框的ID

希望這有助於...

聚苯乙烯。 有像的ofcourse其他選項你彈出一個IFRAME（大小相同），根據彈出的DIV動態positionining ......這工作得很好，但另外一個DOM元素，腳本和頭痛的負載。 我已經使用這個解決方案，如果你需要任何幫助這個選項，不要讓我知道。 會很樂意幫助！

幾個月前，我們看到了，我們怎麼可能包括一塊的CSS，這將是可見的IE6的唯一（ 對於您的非法入境者只有 ）。 還有其他的方式實現這一目標，以及。 只要包括一個單獨的CSS，具體到你的目標IE瀏覽器。 這可以實現與什麼被稱為有條件的評論。

有條件的評論是一種方法來檢測瀏覽器類型和版本。 進行瀏覽器檢測，以確保提交給瀏覽器的具體內容。 可以使用許多不同的技術進行瀏覽器檢測。 這種方法有幾個優勢，較早的方法，包括風格切換使用javascript。 要列出重要的幾年，將是;

• 不需要腳本
• 跨瀏覽器

我們如何做到這一點？

僅在IE 5中做的東西
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

在所有版本的IE做的東西
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

在所有新的IE瀏覽器的版本做的東西，IE瀏覽器5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

對於更多有條件vartiations，閱讀MSDN上的以下信息：
關於有條件的評論

你有沒有注意到有時，簡單的事情，只是如何拒絕在IE6 location.href就是這樣一件事。

如果你已經加入你象下面這樣的錨標記的onclick函數...

的<a href="javascript:void(0);" onclick="onClickLink('xxx');">轉到新位置</ A>

一些這樣的功能...
功能onclickLink（ID）{
VAR的URI =“test2.html ID =”+ ID;
window.location.href =的URI;
}

給你的諷刺，你會發現這樣一個簡單的腳本一塊拒絕在IE瀏覽器......好吧！ 我可以在這裡討論的原因，但不認為這將是值得的......雖然，我似乎有一個解決方案...（我敢打賭，如果你理解JavaScript，你就會明白，為什麼我們這個調整為IE6）

解決方案

<a href="javascript:void(0);" onclick="onClickLink('xxx'); 回報false;“>到新位置</ A>

如果任何一個簡單的答案，請撰寫評論。 它真的會被appretiated，我敢打賭，許多人！

如果你已經寫的，而CSS，你將有經驗的時間當你從字面上拉你的頭髮時，你的CSS佈局看，在所有新的瀏覽器（我的意思是比IE6的瀏覽器後）的罰款，但IE 6拋出發脾氣。 你努力奮鬥，以調整你的CSS，但它不起作用......好吧！ 嘗試這些技巧...

1。 強調哈克： -
由定義，CSS 2.1規範允許下劃線（“_”）在CSS標識符。 但是，許多瀏覽器似乎仍忽略任何標識1進行下劃線，但IE瀏覽器。 這個IE的bug /功能，從而成為一個非常明確的方式來設置IE的CSS屬性。 所以請記住， 下劃線開始寫一個CSS屬性是可見的Internet Explorer（所有版本，但IE 7）

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

鑑於此，示範底線劈

此外，最小高度為IE6黑客使用下劃線砍， 退房

2。 井號（＃）哈克： -
如下劃線砍，這個人是非法入境OLY太是一個良好的差異，以＃開始之前的屬性標識符是可見的所有IE版本，IE7中包含的任何其他標準的瀏覽器是無形的。

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

使用本hack已經很好地證明一個跨瀏覽器的垂直對齊的解決方案，在這篇文章中有一看，發現我們更

3。 為IE6的CSS： -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

這些黑客似乎發送的天堂，沒有別的工作......如果這些黑客可以節省你的生活一天，不要忘記把我的咖啡:)

我有這個問題的地方，如果你有一個除法（DIV），和該部門的mouseover事件，有一些很好的理由是透明的（在我的情況下，它需要一些標籤上懸停在圖像顯示這種透明的分工），IE瀏覽器沒有觸發mouseover事件（工作在FireFox的罰款）。

試過幾個選項，其中有許多只是一個絕望的嘗試，得到事件觸發在IE。 明智的，我認為可能的工作之一是設置背景顏色來劃分，並設置不透明度為零......好吧！ 力的工作！

最終的解決方案，這似乎並沒有打擾我需要的功能是把一個像素，在該部門重複/透明背景圖像

...傻！ 但現在IE瀏覽器似乎高興。

簡單...要糾正這個問題，使用顯示：內聯。

div {float:left;margin:40px;display:inline;}

如果你有一個div，如浮動元素，你把利潤的權利或該元素的左緣時，Internet Explorer 6.0將增加一倍，保證金價值，搞亂了HTML / CSS佈局。 為了解決這個問題，只需添加顯示：內聯，您的浮動元素。