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