タグ

cssとbox-shadowに関するveadarのブックマーク (1)

  • Safari 3対応のCSSを使ってデザインそのままに組み直し / TEA-WORKSのウェブログ

    現在地は TEA-WORKS > TEA-WORKSのウェブログ > インターネット > Safari 3対応のCSSを使ってデザインそのままに組み直し です。 当サイトのCSSに、Safari 3の独自拡張や先行実装を加え、以前と同様のデザインを実現してみました。 box-shadowなどを試してみたかったということもありますが、もともと、レイアウト上いくつかの問題があったので、それらを解消したいという理由もあってのことです。 以前の表示状態 透過やボカシ影を表現するためにPNG画像を使っていたので、Internet Explorer 6(Windows)など一部のブラウザーでは、意図した表示になっていませんでした。 しかし、そのほかのメジャーブラウザーの最新版であれば、ほぼ、図1のように表示されていたと思います。(図1はOpera 9での表示) マークアップし直しでほとんどの画像ファイ

    veadar
    veadar 2008/09/18
    box-shadowとrgbaのサンプル。とっても素晴らしい
  • 1