[B! hack] 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

リンク

コーダー必見、SCSS・Compassで開発効率アップ｜SCSS対応IE向けCSSハック編 | DevelopersIO

はじめに SCSS使っていますか？とても便利なSCSSですが、大きな疑問があります。 Internet Explorer（以下IE）への対応です。 CSS3が少しずつ使えるようになってきている昨今、多くのデメリットがあるにしてもエンドユーザーにIE6利用者が多ければ対応するのが僕たちコーダーです。 SCSSだとIEハックがうまく使えないかもしれない！という疑問を解決するために、確実に使えるハックを試しながら探してみました。先日書いたこちらの記事も合わせてどうぞ：【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】サンプルファイルサンプルファイルはこちらからダウンロードしてください。 https://github.com/nonakaryuichi/scss_css_hacks また、動作確認用のHTMLとCSSも用意したので

kyaido 2013/01/08

hack

リンク

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

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