※2016年2月末時点 対象環境って? OS、ブラウザ、バージョンというものがあり、これらの組み合わせで対象環境を定義します。では、そもそも環境が違うと何が違うのでしょうか。 IE8とChrome最新版で見比べてみる 今回紹介するのは、ここ数年ですっかり定着してきたCSS3という技術を使ったときの、対応しているブラウザと未対応のブラウザでの見え方の比較です。具体的には、CSS3が対応しているChromeの最新版と、対応していないIE8で見たときの違いを紹介していきます。 角を丸くして柔らかさを付ける border-radiusを用いることで、角に丸みをつけることができます。 CSS3未対応だと、ただの四角になります。 要素に影をつけてみる box-shadowを用いることで、要素に影をつけることができます。 CSS3未対応だと、影がつきません。 グラデーションをつけてみる linear-g
![知っておきたい!新旧ブラウザの見え方を最適化する「プログレッシブ・エンハンスメント」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/a098e612b3d3f741df77498a1adeda7cb374adf0/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2016%2F03%2Fnatsu.png)