css - 使用 CSS 跨浏览器自定义形状

Question

你好，我正在尝试制作自定义形状并在其中插入图像。下面是我到目前为止编写的 css，它只适用于 chrome 浏览器，我如何让它适用于所有浏览器

.shape-custom{
    width:62vw;
    height:600px;
    shape-outside: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    -webkit-shape-outside:polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    shape-margin: 20px;
    background-color: rgb(74, 161, 255);
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
}

Answer 1

在尝试使用实验性 样式进行生产之前，您应该检查“caniuse.com”。 http://caniuse.com/#feat=css-shapes