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

1

-webkit-border-radiusプロパティを追加してみてください（ -moz-border-radiusFirefox用）

于 2013-05-22T17:39:40.303 に答える