2008 2008年 1月 8日

有條件的評論:對於非法入境者只有部分Duex

幾個月前,我們看到了,我們怎麼可能包括一塊的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上的以下信息:
關於有條件的評論


2007 2007年 9 9日

IE 6的location.href問題

你有沒有注意到有時,簡單的事情,只是如何拒絕在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,我敢打賭,許多人!


2007 2007年 9月 8日

對於你的非法入境者只有

如果你已經寫的,而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*/
}

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


NDK的家 | 表達它 表示唇齶裂 表示Penmenship 表示敬畏 表達自己