CSS を使用して div に三角形を追加したダイアログがあります。ただし、CSS のトリックは、境界線の一部が透明になることです。私が克服しようとしている問題は、ダイアログ自体から影を削除せずに、透明な境界線から影を削除することです。
div に追加しても機能しません:
リーリーこれは削除したいコンテンツの写真です:
この三角形を作成する div のクラスは次のようになります:
リーリーそうすると、影付きのダイアログ ボックスは次のようになります:
リーリーv-dialogそれ自体にシャドウを作成するためのクラスがあります
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これを実現するには、ダイアログ ボックスからボックス シャドウを削除し、カードに追加する必要があります。カード上にボックスの影を表示するには、ダイアログ ボックスのオーバーフロー ルールを削除する必要があります。
ボックスの影を必要に応じて調整することもできます。
CSS：
リーリー例: コードペン