div에 CSS를 사용하여 삼각형이 추가된 대화상자가 있습니다. 그러나 CSS의 비결은 테두리 부분이 투명하다는 것입니다. 내가 해결하려는 문제는 대화 상자 자체에서 그림자를 제거하지 않고 투명 테두리에서 그림자를 제거하는 것입니다.
div에 추가하면 작동하지 않습니다:
으아악삭제하고 싶은 사진은 다음과 같습니다.
이 삼각형을 생성하는 div의 클래스는 다음과 같습니다.
으아악그러면 그림자가 있는 대화 상자는 다음과 같습니다.
으아악v-dialog자체에는 그림자를 만드는 클래스가 있습니다
box-shadow: none;
P粉4015270452023-09-14 14:36:45
이 작업을 수행하려면 대화 상자에서 상자 그림자를 제거하고 카드에 추가해야 합니다. 카드의 상자 그림자를 보려면 대화 상자에서 오버플로 규칙을 제거해야 합니다.
상자 그림자를 적절하게 조정할 수 있습니다.
CSS:
으아아아예: Codepen