如何在CSS中将box-shadow更改为类似命令?

时间:2019-07-17 06:49:31

标签: css frontend

我有问题,因为我的组件中的阴影在野生动物园中不起作用。

我尝试将box-shadow更改为filter:drop-shadow(),但是在Internet Explorer 11中不起作用。

box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);

您知道我可以交换一些类似的命令并显示出与box-shadow相同的效果吗?

1 个答案:

答案 0 :(得分:1)

以下是一个很好的链接:https://css-tricks.com/almanac/properties/b/box-shadow/

@Configuration
@EnableSwagger2
public class SwaggerConfig {
    @Bean
    public Docket api() {
        return new Docket(DocumentationType.SWAGGER_2).select().apis(RequestHandlerSelectors.basePackage("com.abdul.allocationservices.controller"))
                .paths(PathSelectors.any()).build();
    }
}

更新: 您可以在此处查看实际的浏览器支持和已知问题: https://caniuse.com/#feat=css-boxshadow

Update2: 您也可以检查此线程-它可能包含有关野生动物园问题(颜色,大小等)的相关信息。根据第一个答案,.shadow { -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12); /* Firefox 3.5 - 3.6 */ box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } 可能是野生动物园的小阴影。 css box shadow property is not working in safari