纯css实现在ie8下的圆角
本文可以说几乎没有什么意义,是突然来的一个ie8下圆角矩形的纯css实现思路,我只在chrome下实现了,但是和系统字体有很大的关联,导致各种问题,有兴趣的可以看看:
大致流程图如下(忽略图片中间的水印):
(1)创建一个矩形,我创建的是带有左右边框的矩形,大致如下:
(2)在矩形的四个角,如下图的位置加上四个圆,当然,圆也是黑色的,但是有人可能要问,ie8连圆角都没有,哪来的圆,这里就是关键所在,用英文字符中的句号来制作圆,当然,需要超大的字体。调整好位置后效果如下: