1

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

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

它在 IE9 和 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);

}

在 Chrome 中呈现

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

在 IE 中呈现

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

边框半径在 Chrome 中不起作用？这太奇怪了。

4

2 回答 2

3

尝试为您的 :after 声明添加宽度和高度！

于 2013-05-22T17:27:14.180 回答
1

尝试添加-webkit-border-radius属性（-moz-border-radius对于 Firefox）

于 2013-05-22T17:39:40.303 回答