兼容ie9以下的圆的css

众所周知，css圆角属性border-radius从IE9浏览器才开始支持，IE8这些浏览器想要实现圆角，就比较复杂。

HTML

<div class="box"></div>
  <div class="partent">
  <div class="son"></div>
</div>

CSS

.partent{
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.son{
    width: 100%;
    height: 100%;
    border: 149px dotted #cd0000;
}