IE浏览器中border-radius失效的解决方法

border-radius，CSS 3.0中的一员，是圆角属性。

使用方法：border-radius:5px;

浏览器支持：IE9+、Firefox4+、Chrome、Safari5+、Opera。


在IE9中，border-radius有时会失效，这让人挺不悦的。

解决方法：在<head>标签中添加 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

【注意】此方法同样适用于 box-shadow、text-shadow


【实例一】div 块状元素实例：

no border-radius;

border-radius:7px;

【实例二】img 图片元素实例：

img01 img02

【实例三】p 段落元素实例：

no border-radius;

border-radius:7px;