pagetop

IEのCSSハック 個人的まとめ

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加このエントリをTwitterに追加

IE6

Star Hack
* html (要素名){
}
Fxなどでは、HTMLには親要素がないと認識させて適用させない。

Important Hack
要素名{
     font-size: 10px:  !important;
 /* IE 6 */
      font-size: 10pt;
}
IE6では、!importantを無視し、後に記述された物を適用するから。


Underscore Hack
(要素名){
font-size: 10px;
/* IE 6 */
_font-size: 10pt;
}
IE6では、_を正常な物として認識するから(文法的×)


IE7

IE 7 Star Hack
*:first-child+html (要素名) {
}
:first-childとスターハックを組み合わせてIE7のみに適用
html*p (要素名) {
}
Fxではhtml*(要素名)と認識し、IE7だと、html * (要素名)と空白を作って認識するため。


Ie7 / Moden

Child Selector Hack
html > body (要素名) {
}
IE6では子セレクタが非対応なので適用されない。


Adjacent Sibiling Selector Hack
head + body  (要素名) {
}
IE6では子セレクタが非対応なので適用されない。


Owen Hack
head:first-child + body  (要素名) {
}
IE6ではセレクタが非対応なので適用されない。


IE

Asterisk Hack
要素{
 *font-size: 10pt;
}

Post a Comment

Eメールは必ず 入力してください。. *このマークが付いている物は必須項目です。

*
*

clear
clear

a