CSS


  


CSSが効かない!!

@ホームページを作成していて気がついた事。


いつも、mac+Safari で作成しているので気付かなかったが、自宅の別PCにて作ったホームページを、
Win7+IE9 で見ると、効いていないCSSがある!

A具体的には。


今回気がついた事象は、 border-radius という、四隅の角を丸くするというもの。







どうも、CSS3 のものがまるっきり効いていないっぽい。


sample
border-radius無し
sample
border-radius有り

B対応は魔法の1行にて。


<meta http-equiv="X-UA-Compatible" content="IE=9"> というものを <head>タグ内に追記します。


これで、 IE9 でも正しく表示されました。