CSS(スタイルシート)のテクニックとトピックのまとめ

■ ■

CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」 | DesignDevelop　[　情報元へ　]
CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに...

[を] CSSで半透明　[　情報元へ　]
CSSで指定した箇所を半透明にするには、IE なら alpha フィルター、FF なら -moz-opacity。<style>#sukesuke1 {position:absolute;padding:5px;background-color:red;filter:alpha...

ブラウザバグ回避用CSSセットアップ / IEバグ対処フロー | Takazudo Clipping*　[　情報元へ　]
暇だからCSSのセットアップでも載せとく。 CSSレイアウトで問題になるのは、ブラウザごとにバグがあって、それに対応するのにどうするかっていうのが一番困る。でも、ブラウザごとにっていっても、実際に問題があるのは、ネスケ4とかIE4とかMacIEとの本当に古いブラウザと、バグの多いけどまだちょっと使...

CSSで罫線を角丸で表示する（１）：FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan　[　情報元へ　]
前回、前々回でブラウザと標準規格の動向を見てきたが、今回からは、Firefox 3やSafari 3が新しく対応したHTML/XHTMLやCSSを紹介していきたい。 　最初に紹介するのは、Safari 3が新しく対応した、罫線の角を丸く表示するスタイルシートだ。角丸のデザインは、Webページではよ...

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously　[　情報元へ　]
. By building your sites to work in both IE 6 and Firefox you'll be compatible with 88% of your visitors' web browsers*. To cover the other 12%, you ...

IE8バグ？：a要素内に画像があってa要素に背景を指定した時に位置がずれる｜CSS HappyLife　[　情報元へ　]
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ？表示がおかしい...」って事に遭遇してしまったので、エントリー。よくある感じで、リストのマーカー変...

Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する　[　情報元へ　]
文書の URI の後に #foo などの識別子（id）をつけたアンカーから、その文書内の当該箇所へジャンプできるのは周知の通り。ただ、スクロールもせずに移動するんで、閲覧者が一瞬戸惑ったりるすわけで、CSS3 では、そのターゲットとなる要素をハイライト表示させたりすることが可能な :target ...

GIGAZINE - CSS3はこうなる　[　情報元へ　]
現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。

[　← 前の画面に戻る　]