Paul Hammondから、スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方を紹介します。 Conditional classnames まず、HTMLのbodyは条件式を使用して、IE用に「.ie」をクラスに指定したbodyと通常用のbodyの2つを記述します。 <!––[if IE ]> <body class="ie"> <![endif]––> <!––[if !IE]>––> <body> <!––<![endif]––>
![[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
昨日のドラッグ&ドロップでリストを並びかえるネタですが。 ドラッグ&ドロップでリストを並びかえる - このブログは証明できない。 リスト間で項目を移動させて、リストが空になると高さが0になってしまいます。これでは、空のリストに項目を移動することができません。そこで、ulにmin-heightを指定したいわけですが、IE6だとmin-heightが使えないんですね。 ということで、IE6のバグを利用して擬似的にmin-heightを指定する方法です。 ul { min-height: 30px; height: auto !important; height: 30px; } IE6だと、!importantの行がスルーされて、その下の30pxが適用されます。しかも、中のliによってulの高さが変わってしまうバグのため、高さが30pxで固定されることはありません。これによって、min-hei
Safari のCSS Hackのまとめです。 Safari 3の検証には、2007年6月11日にリリースされた「Safari 3 ベータ版 for Windows XP」を使用しています。 ※Safari 3の正式版は、2007年10月にリリース予定です。 html*element sign after a semi-colon html:¥66irst-child html* box brackets html* underscore @media all body:last-child:not(:root:root) html[xmlns*=""] body:last-child body:first-of-type -webkit-min-device-pixel-ratio:0 /**/ html* 下記の10個のうち、Safari 3のみ有効だったのはbody:first-of
Browser CSS Hack/Filter supportは、IE4, Ns4から、IE8, Fx2, Op9.5, Safari3など、多くのブラウザのCSS Hack/Filterの対応をまとめたサイトです。 Browser CSS Hack/Filter support Browser CSS Hack/Filter supportは、dithered.comのCSS Filterをバージョンアップしたもので、CSS Hack/Filterの対応を検証しているのは下記のブラウザになります。 ※バージョン表記は省略。 Internet Explorer (Windows):4.0.1~8beta Internet Explorer (Mac OS):4.0~5.2.3 Pocket Internet Explorer (PocketPC):4.0.1~5.2 Gecko(Firef
関連リンク そろそろCSSハックの良し悪しについて考えてみる(書式編) そろそろCSSハックの良し悪しについて考えてみる(管理編) おまけ付き Re:CSS の用途をわざわざ (X)HTML に限ることはない スターハックに端を発するアレコレ スターハックに端を発するアレコレ まとめ編 フルCSSでサイトを制作する際に、まだまだ避けては通れないのがCSSハックです。 巷には色んなハックが溢れていますが、今回は良いハックと悪いハックを『書式』をキーにして考えてみたいと思います。 なお、ハックはあくまで最終手段であり、使わないにこした事は無いという事を、事前に書いておきたいと思います。 また、一部CSSハックと呼ぶには語弊があるテクニックもありますが、ブラウザ実装の差異に対する技術、といった意味合いで、この記事ではハックで統一しています。 バリデータに通るか否か まず最低条件として、バリデータ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く