border-radius突然无法在Chrome上运行

Question

Chrome是否在一夜之间改变了css渲染规则？

今天早上我注意到，Chrome的边缘半径属性并没有被突然解释。

在IE9＆amp; 10.据我所知，下面是一个有效的CSS。我无法弄清楚发生了什么。

nav[role="full-top"] ul > li:after {

  position: absolute;
  z-index: -1;
  content: "";
  right: 0;
  border-radius: 50%;
  border-radius: 5em;
  box-shadow: 1em 1em 0 2em rgba(255, 255, 255, 0.5);

}

您在链接之间看到的方块应该是这样的圆圈（在IE中呈现）

如果你不相信自己的眼睛，你可以自己检查一下。 hackya.com

border-radius在Chrome中不起作用？那太奇怪了。

Answer 1

尝试在声明后添加宽度和高度：

Answer 2

尝试添加-webkit-border-radius属性（firefox的-moz-border-radius）