CSS講話氣泡標籤造成的錯誤

Question

Fiddle

ul{ 
    height:240px; 
    border:1px solid #000; 

} 
#react-setting{ 
    background:rgba(255, 253, 200, 1); 
    z-index:2; 
    display:block;  
    position:absolute; 
    width:125px; 
    padding:6px 5px 5px 5px; 
    box-shadow:0 0 2px #000; 

} 
#react-setting:after{ 
    content: "\00a0"; 
    display: block; 
    height: 8px; 
    width:8px; 
    left: 18px; 
    position: absolute; 
    top: -4px; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    background:rgba(255, 253, 200, 1); 
     box-shadow:0 0 2px #000; 
} 

我要的是既#react-setting及其周圍:after連續box-shadow。現在它看起來是這樣的：

正如你所看到的，:after具有獨立完整的box-shadow。

Answer 1

我用體面的結果以下爲#react-setting:after（fiddle）：

box-shadow: -1px -1px 1px rgba(0,0,0,.35); 

樣品：