IE8 で擬似要素のスタイルの動的な更新ができない
JavaScript で要素のクラス属性を操作してスタイルを変更するような場合、IE8 には :before/:after 擬似要素のスタイルが再描画されないというバグがある。 <p> <a href="#" class="selected">One</a> <a href="#">Two</a> <a href="#">Three</a> <a href="#">Four</a> </p> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $('p').each(function () { var $links = $(this).find('a'), i = $links.filter('.selected').eq(0).index(), len =
terkel.jp
このブログを始めた理由がどんなものだったか、もう忘れてしまった。これまでブログのおかげで知り合った人もいれば得られた仕事もあり、そのことをありがたく思ってもいるが、かといってそれが目的だったわけではない。誰かの役に立ちたいなどと殊勝なことを考えたわけでもないし、とりたてて世に問いたい主張があったわけでもない。そもそも何か月もなにも書かずに放っておくことも珍しくなく、熱心に取り組んでいるとはとても言えない。 それでも僕はこのブログを手放すつもりはない。ここで僕は誰にも指図されず自由にものを書ける。その自由が自分にはあるのだと思うと、なかなか悪くない気分になる。ここはそういう場所だ。 最新の投稿 rlh単位 2023/12/23 いまのところとてもいい 2023/04/29 千駄木から金沢へ 2023/02/02 ナンバー・ナイン 2022/12/25 2020年版テーマ 2022/12/19
画像置換のあれへの補足
先月あたり、CSS による画像置換テクニックの話題がにわかに盛り上がりを見せていました。その経緯について まとりさんの記事 で紹介されていますが、僕からも簡単に補足してみます。 まず、よく知られた画像置換のテクニックとしていわゆるファーク式がありました: /* Phark method */ .ir { height: 100px; width: 400px; background: url(image.png) no-repeat 0 0; text-indent: -9999px; } このテクニックは長らく利用され続けてきましたが、その代替として、パフォーマンス面でより良いとされる Scott Kellum さんのテクニック (ケラム式) が Jeffrey Zeldman さんの記事 で紹介されました: /* Kellum method */ .ir { height: 100px
俺の CSS リセット: 2011 冬
年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
