[B! hack][css] kyaidoのブックマーク

IE8で nth-child を使う│WEB│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積

first-childは、IE8でもきくのですが、 nth-child(n)はきかないのですよねー。これが使えたらすごく便利なのに。ということで調べてみました。いろいろ適応させる方法はあるようなのですが、使いたい部分がサイトの共通部分でその案件が、大きめの案件で既に納品しているページもあったのでヘッターの記述に新たに何か追加したくなかったことと、はずかしながら、自分はjsの理解度が低いので、CSS内で解決という条件で探しました。下記ページのハックが簡単でわかりやすかったです。 CSS: Internet Explorer 7-8 nth-child hack これを ------------ .test ul li:nth-child(3){ background: yellow; } ------------ こう書く ------------ .test ul > *:f

kyaido 2014/01/07

リンク

IEで絶対配置（position:absolute）のボックスが消えるバグの検証

先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグこちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う～ん、なぜだ・・・日本語のリソースを調べてみても解決策