當(dāng)我在樣式化組件上開發(fā)一個模塊時，我發(fā)現(xiàn)@supports (clip-path: circle())有一個問題

const Element = styled.div`
  overflow: hidden;
  border-radius: 50%;
  clip-path: circle();

  @supports (clip-path: circle()) {
    overflow: auto;
    border-radius: 0;
  }
`;

似乎@supports對clip-path不起作用。有人對此有什么想法嗎？問題是它是CSS還是樣式組件？

你必須給這個圈子增加一些價值。例如:

.smooth-pie-2 {
    display:none;
}
@supports(clip-path: circle(50%)) {
    .smooth-pie-2 {
        display:block;
    }   
}