タグ

ブックマーク / kazumix.hatenablog.com (3)

  • HTML崩壊 meltdown.js - KAZUMiX memo

    #ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ

    HTML崩壊 meltdown.js - KAZUMiX memo
  • 微妙なCSSハック - KAZUMiX memo

    body要素への適用を例にします。 Opera 9のみに適用 セレクタの先頭に;;を付加すると、Opera 9のみに適用されます。ただしCSSとしてはinvalidです。 ;;body{}パーサのバグと思われるので、そのうち直される気がします。Opera 9.02ではまだ使えてます。 また付加するものは;;以外に@;や!;でも適用されます。「何らかの記号+;」となるようです。ただし、すべての記号が使えるわけではありません。 IEとOpera以外のモダンブラウザ(Firefox,Safariなど)に適用 IEとOperaが対応していない:root疑似セレクタを使います。 :root body{}こちらはvalidのはず。*1 こんなの使う必要あるの? 普通はありません。Operaに関してはhttp://www.studionh.net/fplusr/stylesheet/ie7cssoper

    微妙なCSSハック - KAZUMiX memo
  • IE7用CSSハック使用上の注意(特にはてなダイアリーにおいて)

    2006-10-25 追記。IE7正式版で挙動が変わりました。ベータのときは無効にされていたアンダースコアハックが、後方互換モードにおいて有効になりました。標準準拠モードでは無効のままです。このためこのエントリーでとりあげたはてなダイアリーでのレイアウト崩れの問題は、正式版では発生せず、問題ではなくなりました。 2006-11-03 追記。取り急ぎのまとめ。→IE7でCSSレイアウトが崩れる原因でありそうなこと - KAZUMiX memo IE7 Betaはすごい勢いでシェアを伸ばしているようである。オレが愛用しているOpera 9を抜き去るのも時間の問題と言う勢いだ。*1そんなわけでいつまでも無視するわけには行かなくなってきたIE7の問題。IE6やそのほかのブラウザでは問題ないが、IE7では表示が崩れれてしまうCSSの対策などを調べているうちに面白いことが分かった。*2 IE7の後方互

    IE7用CSSハック使用上の注意(特にはてなダイアリーにおいて)
  • 1