初めてアプリの使用方法に関するチュートリアルを作成しています。
ボタンの使用方法に関するポップアップのように見えます
チュートリアルでは、背景を暗くし、ボタンの周囲にチュートリアルのテキストを含む円を表示したいと考えています
それでは、丸い穴のある容器を作りたいと思います
これは簡単な例です:
リーリー
でもボタンには穴が欲しいです
更新
コード スニペットがより正しく表示されるように、<main> コンテナと overflow:hidden を追加してオーバーレイを含めるようにコード例を更新しました。
<main>
overflow:hidden
代替ソリューションとして投稿しました: いくつかの実験の後、白い背景の円の代わりに透明な円を実際に表示するこの新しい方法を思いつきました。これが穴の望ましい動作に近づけることを願っています。
これにより、ボタンの隣にある他の要素が表示されるようになり、ボタンがインタラクティブな状態に保たれるため、ホバー効果やクリック効果が正しく受け入れられます。
このコード スニペットを実行して結果を確認します:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
更新
コード スニペットがより正しく表示されるように、
＃＃＃＃＃＃オリジナル＃＃＃＃＃＃<main>コンテナとoverflow:hiddenを追加してオーバーレイを含めるようにコード例を更新しました。代替ソリューションとして投稿しました: いくつかの実験の後、白い背景の円の代わりに透明な円を実際に表示するこの新しい方法を思いつきました。これが穴の望ましい動作に近づけることを願っています。
これにより、ボタンの隣にある他の要素が表示されるようになり、ボタンがインタラクティブな状態に保たれるため、ホバー効果やクリック効果が正しく受け入れられます。
このコード スニペットを実行して結果を確認します:
リーリー