[B! CSS] yosi0422jpのブックマーク

CSSで透明度の設定をする方法はブラウザによってことなる。そんなワケで、透明度の設定をする時には下記のように全て書き込んで対応すればOK。 #hogehoge { background: #fff; width: 200px; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; } ちなみに上の設定だと、白（#fff）背景が80%の透明度で表示。 [filter: alpha(opacity=80);]はIE用、[-moz-opacity:0.80;]はFirefox用、[opacity:0.80;]はOperaやSafari用の設定となっている。また、透明度の設定は横幅か縦幅の設定を指定しておかないとIEでは適用されない場合があるので要注意！（:hover疑似要素やimgタグには幅指定を入れなくても適用されるみた

yosi0422jp 2007/09/10

CSS

リンク

デザイナーならこう作るCSSスタイルテーブル『A CSS styled table version 2』 – creamu

かっこいいテーブルをデザインしたい。そんなあなたにおすすめなのが、『A CSS styled table version 2』。デザイナーならこう作るCSSスタイルテーブルだ。このエントリーでは、クリーンなソースでコーディングされたテーブルが2つ紹介されている。 » Example 1 背景画像は使わず、セルに背景色を使った例 » Example 2 背景画像を使った例どちらもページのソースを見るのが早いだろう。シンプルでとても綺麗なテーブルに仕上がっていると思う。デザイナーならこう作るCSSスタイルテーブル、チェックして作っていきたいですね。プランナー、アートディレクターにたくさんのことを教わりました。「とりあえず手を動かすのがレイアウトの基本」だと。あとデザインはピクセルよりも見た目。人間の目にはくるいがあるから見た目で綺麗にそろっていればいい。とにかく手を動かしていこうっ