邊框樣式的脊不在鉻和Safari瀏覽器工作

Question

邊框樣式脊正在Firefox瀏覽器中工作，但不能在鉻和safari中工作如何解決此問題。

Answer 1

<div class="module"> 
<div> 
.module { 
    width: 200px; 
    height: 200px; 
    background: #f06d06; 
    position: relative; 
    border: 5px solid blue; 
    margin: 20px; 
} 
.module:after { 
    content: ''; 
    position: absolute; 
    top: -15px; 
    left: -15px; 
    right: -15px; 
    bottom: -15px; 
    background: red; 
    z-index: -1; 
} 

與WebKit的使用.... 試試這個..

Answer 2

我似乎無法找到確切的原因，但它不是你的財產ridge不工作。似乎ridge屬性用來確定除黑色以外的其他顏色的算法，以實際顯示邊界中的脊，導致顏色沒有差異。

我會說火狐實際上是執行一個不同的顏色，除了黑色，因爲我的顏色比黑色更暗。

我用深灰色作爲測試，然後顯示脊線。

而不是黑色我會使用鉻和Safari瀏覽器輕微的音調。

div { 
border: 6px #151513 ridge; 
}