
Google ChromeのCSS 3対応状況
エ・ビスコム・テック・ラボ
2008-09-05 21:50:01
ボックスのドロップシャドウ box-shadow:一部対応
CSS 3のbox-shadowはボックスに影をつけるプロパティだ。Chromeでは、Safariと同じように-webkit-box-shadowというプロパティ名で対応している。しかし、ぼかしの半径の値を「0」にした場合や、ボックスを角丸で表示した場合には影の表示に問題が見られた。
div#text01 { background-color: #ffff00; -moz-box-shadow: 20px 20px 20px #224466; -webkit-box-shadow: 20px 20px 20px #224466; margin-left: 150px; } div#text02 { background-color: #ffaa00; -moz-box-shadow: 20px 20px 20px gray; -webkit-box-shadow: 20px 20px 20px gray; margin-top: -50px; }
※ブラウザで表示を確認する
folllow builer on
twitter
- 新着記事
- 特集
- ブログ
- 企画特集
-
実現まで10年「ゼロトラスト」
-
明治創業の鉄道企業がAWSに挑戦
-
働き方、生産性を根底から底上げ!
-
「脱レガシー」なくしてDXはない
-
特集:ポスト2020時代のCX再考
-
レポート:NWセキュリティの未来
-
Why ワークプレース?
-
RPAがニガテなExcelをどう使う
-
Office 365にもFWが必要?
-
分析されたデータを活用できるか?
-
DX成功の鍵はセキュリティにあり
-
意識してますか?PCの「信頼性」
-
2020年代を勝ち抜くインフラ
-
AI活用が激変する新たなインフラ
-
ウルトラ帳票文化を乗り越える!
-
どこまで可能?企業を究極の自動化
-
講演レポ:ポスト2020時代の基盤
-
下した決断は「ハイブリッドへ」
-
データ活用を加速するエコシステム
-
特集:ビジネスを止めるな!
-
新時代にはゼロトラストが不可欠
-
働き方改革は身近な「改善」から
-
サブスクモデルのSaaSで業務改善
-
レガシーなインフラ設計を見直す
-
ビジネスの大きな転換点で勝者に!
-
ITシステムは永久のβ版思考で
-
隗より始めよ
-
攻めと守りのクラウド活用とは!?
-
変化への対応はリアルタイム経営で
-
働き方改革にモニターが有効なワケ
-
クラウドバックアップお悩み相談室
-
ビジネス成功の砦はここにあり!