html - 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>