safari没有显示带阴影的圆形div

Question

我有一个带有以下css 的div

close: {
position: 'fixed',
boxShadow: '1px 1px 6px 0px rgba(0,0,0,0.5)',
borderRadius: '50%'
}

它可以很好地与Chrome配合使用，但不能与Safari配合使用。

Answer 1

试试这个。它可能有助于解决您的问题

.close
{
position: fixed;
top:0;
left: 0;
box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5); /* for chrome and other browser*/
-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);  /*for safari */
border-radius: 50%;
}

<div class="close">
<h3>Check this out</h3>
</div>