IE、Firefox、Safari、OperaのCSSに関する互換性
文:Lana Kovacevic(Builder AU)
翻訳校正:石橋啓一郎
翻訳校正:石橋啓一郎
2008/04/08 08:00
ブラウザによっては、CSSが正しく実装されていないこともある。この記事では、最新のIE、Firefox、Safari、Operaの4つのブラウザで、いくつかのCSSの疑似クラスの実装状況をテストしてみた。
:enabled と :disabled
これは、有効な(enabled)あるいは無効な(disabled)form要素に対するスタイルを指定する。以下のサンプルコードでは、テキストフィールドに対してこれらをどのように適用できるかを示したものだ。テキストフィールドが無効でユーザーの入力を受け付けない場合、枠幅は1pxの赤色、背景色は黒になる。また有効なテキストフィールドは、枠幅が1pxの黒、背景色が#FF9966になる。
今回も、このコードはIEでは動作しないが、他の3つのブラウザでは正しく動作した。以下のスクリーンショットは、このコードがブラウザによってどのように表示されるかを示したものだ。
- 昨日のトップ記事
- 2日前
- 3日前
- 4日前
- 5日前
- ホワイトペーパー
- 話題のタグ
HTML
リファレンス
Windows
イロハ
RIA
Webデザイン
iPhone 3G
Off Topic
SOA
フレームワーク
Adobe
server
入門
Mac OS X
Ruby
Google
Internet Explorer
Safari
Database
開発環境
Opera
Firefox
Microsoft
Java
Webアプリケーション開発
CSS
Eclipse
オープンソース
Apache
Python
iPod touch
Tips
Linux
小技
Apple
CSS 3
Flash
PHP
iPhone
Leopard
JavaScript
Ajax
Solaris
ライブラリ
C/C++
Firefox 3
Mozilla
ブラウザ
XHTML
仮想化
話題のタグを見る »
動画再生耐久レース―フル充電からどれだけ耐えた?
心当たりありませんか--あなたの上司がイヤがる5つの話し方
フォームデザイン虎の巻:複数の選択肢を提供する
フォトレポート:技術サポートの悪夢
無料の「Oracle Database XE」で高速バッチ処理:実装のポイント
Firefoxで情報をカンタン・ベンリに整理する
iPhone Safari、Acidテストでは高得点でも…… Firefoxは載らないの?:WebサイトのiPhone 3G対応問題を考える(ソフト編)
WebサイトのiPhone 3G対応問題を考える(ハード編)
フォトレポート:時代を振り返る--「MS-DOS 4」のインストール
SOAと仮想化の関係は?--常に進化を続けるBEAのミドルウェア戦略
ウェブ開発の生産性はどうしたら上がる?--MODIPHI Appsで半日で作るマッシュアップサイト(1)
JailBreakついに:PwnageTool公開
プロジェクトの進行でよくある4つのトラブル
ZDNet Japan Green IT
Techno Exchange
ZDNet Japan ホスティング特集
DELLが掲げる「新・仮想化アセスメントサービス」