2008 2008年 1 月 8 日
数ヶ月前に我々が唯一のIE6(に見えるであろうCSSの一部を含めることができますどのように見た自分のIEの場合のみ )。 同様にこれを達成する方法は他にもあります。 単に、ターゲットIEに固有の独立したCSSが含まれています。 これは、条件付きコメントと呼ばれているものを達成することができます。
条件付きコメントは、ブラウザの種類とバージョンを検出する方法です。 ブラウザの検出は、コンテンツがブラウザの特定に提示されていることを確認するために実行されます。 ブラウザの検出は、多くの異なる技術を使用して行うことができます。 このメソッドは、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でこの情報をお読みください。
条件付きコメントについて
コメントはありません |タグ: IEのバグ 、 IEの修正 、 IEのハック 、 IEの問題 |に投稿されたブラウザの癖 、 CSS 、 HTML 、 JavasScript
2007 2007年 9 月 9 日
あなただけの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で動作することを拒否していることに気付くだろう...まあ! 私はここに理由を議論するが、それは価値があるでしょう...しかし、私は解決策を持っているように思えない...と思うことはできません(私たちは、これはIE6のために調整を追加なぜあなたはJavascriptを理解していれば私はきっと、あなたは理解します。)
ソリューション
<a href="javascript:void(0);" onclick="onClickLink('xxx'); 戻りfalse; ">新しい場所に移動</ a>を
あなた、任意の単純な答えの場合、コメントを書き込む行ってください。 それは本当に多くのことで、私は賭け、appretiatedされます!
コメントはありません |タグ: IEの修正 、 IE6 |に投稿されたブラウザの癖 、 JavasScript
2007 2007年 9 月 8 日
あなたはしばらくの間、CSSを書いている場合は、あなたのCSSレイアウトは、すべての新しいブラウザ(私は後でIE6以上のブラウザを意味する)で正常に見えたが、IE 6は、かんしゃくをスローするときに、文字通り、あなたの髪を引っ張るそれらの時を経験する必要があります。 あなたのCSSを調整するために奮闘しかし、それは動作しません...まあ! これらのハックを試してみてください...
1。 ハックを強調する-
定義では、CSS 2.1仕様では、CSSの識別子にアンダースコア( "_")ことができます。 しかし、多くのブラウザでは、まだいずれも下線が、IEを進めて識別し無視するように見える。 このIEのバグ/機能は、このように唯一のIEのCSSプロパティを設定するには、非常に明確な方法になります。 これは、Internet Explorer(すべてのバージョンがIE 7)の表示され 、 起動時にアンダースコアで書かれたCSSプロパティを覚えている
#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}
ハックを強調するこのデモを見る
また、IE6のmin-heightのハックは、アンダースコアハックを使用して、 チェックアウト
2。 ハッシュ(#)の刻み目: -
ハックを強調するように、この1つは良い違いが、あまりにもIEが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 */
}
このハックは、私たちの詳細を見つけるためにこの記事を見て、クロスブラウザ垂直整列ソリューションを実証するためによく使用されている
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*/
}
これらのハックは何も動作しない場合、送られた天ね...これらのハックのいずれかがいつかあなたの人生を保存すると、コーヒー:)に私を治療するために忘れない
コメントはありません |タグ: IEのバグ 、 IEの修正 、 IEのハック 、 IEの問題 |に投稿されたブラウザの癖 、 CSS 、 JavasScript