这是一个现场演示-让我知道如果它帮助!现场演示JSBIN
兼容IE 9-10,火狐,Safari和Opera。(据说)
我不太清楚您在找什么,但如果您想在椭圆中添加阴影,您需要box-shadow
,正如您所知
其用途是:
box-shadow: horizontal-shadow-position v-shadow-pos blur spread color inset;
在这里可以省略属性但不能更改其顺序。
例如,你的影子会像
box-shadow: 3px 3px 8px 2px #666;
因为它不是插图。
此外,为了能够在更多的浏览器中使用它,您将需要浏览器前缀,例如
box-shadow: 3px 3px 8px 2px #666; /*Firefox (and new versions of Opera)*/
-o-box-shadow: 3px 3px 8px 2px #666; /*Opera*/
-ms-box-shadow: 3px 3px 8px 2px #666; /*Internet Explorer*/
-webkit-box-shadow: 3px 3px 8px 2px #666; /*Webkit: Safari, Chrome, Chromium...*/
此外,请记住,您提到的alpha-filter
属性与Firefox、Chrome、Opera、...