AndroidでCSS3のグラデーションが効かない | WEB MEMO:RE
下記のように一通りlinear-gradientを指定したけどAndroidでは無視されてしまう。 background-image: -webkit-linear-gradient(top, #ccc, #eee); background-image: -moz-linear-gradient(top, #ccc, #eee); background-image: -o-linear-gradient(top, #ccc, #eee); background-image: -ms-linear-gradient(top, #ccc, #eee); background-image: linear-gradient(to bottom, #ccc, #eee); Androidでもグラデーションを効かせる場合は、 background-image: -webkit-gradient(lin
今どきのCSS3グラデーションの指定方法
意外とAndroid以外は最新ブラウザが正式な記述に対応しております。 正式な記述の対応が遅かったSafariやiOS、非対応のAndroidは比較的に古い段階から-webkit-gradientに対応してますので、-webkit-gradientも合わせて記述すると対応ブラウザを利用しているユーザーが一気に増えます。 IE9以下や上記の記述では対応できない古いブラウザにはちゃんとフォールバックを指定しましょう。 上記を踏まえると以下のように記述するのがシンプルでよいのではないかと落ち着きました。 /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #b6e2fd), co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
