镀铬和歌剧中的怪异盒子阴影

Question

我想创建一个透明的圆圈。

我使用了盒子阴影来填充圆圈外的颜色。

它在mozilla，IE10和Safari上工作正常（Works将作为前缀）。

但是，它在chrome（版本40.0.2214.111 m）和opera（版本：27.0.1689.69）中无法正常工作。

Codepen Demo

CSS

#overlay {
    height: 442px;
    width: 442px;
    left: 50%;
    margin: 204px 0 0 -221px;
    position: absolute;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.85);
}

HTML

<div id="overlay"></div>

Answer 1

我通过赋予它高价值来搞砸盒子阴影。

我刚刚更改了box-shadow表单

box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.85);

到

box-shadow: 0 0 0 1000px rgba(0,0,0,0.85);

Updated code