2008年01月04日 13:25
先に述べていた仕様変更がとりあえず完了しました。
まず「1.画面幅を可変に」について。
IE6に対してはto-Rさんのスクリプトを用いるとしていましたがこれを取りやめ、CSS内でexpression(CSS内でjavascriptを実行できるIEの独自拡張)を用いて擬似的にmax-width、min-widthを指定することにしました。IE7ではmax-width、min-widthプロパティに対応しているので、スターハックを用いることでIE6に対してのみスクリプトが動作するようにしています。
「2.タイトル部分の画像を一つに」については、タイトルエリア部の背景に画像を設定、タイトル部・ブログ紹介部の黒っぽい部分は透過PNGを用いる方法を取りました。ただしIE6は透過PNGに対応していないので、これまたスターハックを用いて、IE6以下に対してはCSSフィルタで透過する方法にしています。
こんな感じでCSSハックを多用することになってしまいました。あまりスマートな方法じゃないかも(´・ω・`)
まず「1.画面幅を可変に」について。
IE6に対してはto-Rさんのスクリプトを用いるとしていましたがこれを取りやめ、CSS内でexpression(CSS内でjavascriptを実行できるIEの独自拡張)を用いて擬似的にmax-width、min-widthを指定することにしました。IE7ではmax-width、min-widthプロパティに対応しているので、スターハックを用いることでIE6に対してのみスクリプトが動作するようにしています。
「2.タイトル部分の画像を一つに」については、タイトルエリア部の背景に画像を設定、タイトル部・ブログ紹介部の黒っぽい部分は透過PNGを用いる方法を取りました。ただしIE6は透過PNGに対応していないので、これまたスターハックを用いて、IE6以下に対してはCSSフィルタで透過する方法にしています。
こんな感じでCSSハックを多用することになってしまいました。あまりスマートな方法じゃないかも(´・ω・`)











コメント
コメントの投稿