這是一個嵌入式盒子陰影與單邊大邊界半徑鉻問題？

Question

這是一個嵌入框陰影與單邊大邊界半徑鉻問題？

我想知道哪個瀏覽器是正確的？

在鉻：

在火狐：

<div style=" 
 
    border-top-left-radius: 100%; 
 
    box-shadow: inset 0px 0px 0 20px red; 
 
    background-color: #ccc; 
 
    width: 200px; 
 
    height: 100px; 
 
"></div>

Answer 1

這似乎是一個Firefox的問題。對於這個例子，我建議你適應CSS，以便你可以使用邊框。

div{ 
 
border-top-left-radius: 100%; 
 
background-color: #ccc; 
 
width: 160px; 
 
height: 60px; 
 
border:20px solid red; 
 
} 
 
p{ 
 
border-top-left-radius: 100%; 
 
box-shadow: inset 0px 0px 0 20px red; 
 
background-color: #ccc; 
 
width: 200px; 
 
height: 100px; 
 
}

<p></p> 
 
<div></div>

更新：我爲您在Safari和Opera了。這是它的外觀：

- > Safari瀏覽器

- >歌劇院