タグ

DOMとtipsに関するpicnicgraphicのブックマーク (1)

  • HTML5の新要素にCSSを適用するテクニック

    HTML5では、これまでにはHTML4やXHTMLでは規定されていなかった新たな要素が追加されています。Firefox 2.0、Opera 9、Safari 3では、未知の要素に対してCSSルールを記述したとしても有効になりますが、Internet Explorerでは無視されてしまいます。 もし将来的にHTML5でサイトを構築するような時が来たら、少なくとも現在リリースされているInternet Explorer6, 7対策に苦慮しそうです。 ところが、なんと、すでに、Mozilla CorporationのJavaScriptエバンジェリストであるジョン・レシグ(John Resig)氏のブログ記事『HTML5 Shiv』で、HTML5の新要素に対してCSSを適用させるテクニックが紹介されています。 簡単にまとめると、次のような感じです。 CSS: figure { border: 1

    picnicgraphic
    picnicgraphic 2008/02/01
    ↓のブクマの詳細テク。Fx2,Opera9,Safari3は未知の要素にスタイルを記述して有効だがIEは無視しちゃうので、スタイルは普通に書いておいてdocument.createElement("要素");のように DOMメソッド createElement() で要素を生成するだけ。
  • 1