今週の話題 : CSS のみで描かれたアイコンなど - WebOS Goodies

嫁さんが iPhone 3G の遅さに我慢できないと言い出したので、 iPhone4 に買い換えました。やはり 3G とは快適さがぜんぜん違いますね。しかし、もうここまできてしまったので、私自身は来年夏まで我慢して次のモデルに賭けたいと思います（笑） それでは、週末恒例の「今週の話題」です。今週見つけたさまざまなネタをまとめてご紹介します。過去に掲載したネタはこちらのページから参照できますので、併せてご利用ください。 http://nicolasgallagher.com/pure-css-gui-icons/ CSS3 の border-radius や CSS Transform を駆使して、画像を使わずに CSS だけで作られたアイコンが公開されています。こんな使い方があるとは…！ CSS で背景のみを半透明にする方法 http://acidmartin.wordpress.com/

[cyokodog]

IEでも背景を半透明

[miya2000]

「opacity を使うとコンテンツまで半透明になってしまいますが、背景色を RGBA 指定することでそれを防ぐことが可能です。 CSS3 をサポートしない IE に対しては、 DXImage の gradient フィルタで同じことが可能とのこと。」