border-radius:50%可以让元素正方形元素表现为正圆. 如果元素设置了border边框,则会表现为一个正圆圈圈,类似这样: 但有时候,border边框的这个圈圈会在边缘处发生剪裁,个别浏览器显示有差异 圈圈的左或者右侧不是圆的了,而是像被什么东西一刀切下去,成了直直的了. 出现这种渲染问题,需要满足下面两个条件: 1.元素的透明度opacity不是1: 2.元素的位置并不是完美起止于屏幕的像素点上: 对于普通的显示器来说,最小显示单位(渲染单位)是1像素.如果某一个元素的起点是从0.…