#この記事の動作環境: Windows7 システム、Dell G3 コンピューター、HTML5&&CSS3。マスクレイヤーの実装方法: 最初にHTMLサンプルファイルを作成し、次に「img_container」スタイルで「position:relative;」を定義し、次に絶対位置をabsoluteに設定し、最後にマウスを追加して上に移動します。マスクレイヤーのスクリプトコードを表示するだけで十分です。
マスクレイヤーを作成するにはどうすればよいですか?
マスク レイヤーを作成する CSS の例: まず HTML を見てみましょう。これは非常に単純で、img ピクチャ コントロールと、マスク スタイルを備えた div です。これがマスクレイヤーです。 次に、スタイル定義を確認します。最初に、図に示すように、イメージ コンテナーとイメージ スタイルを確認します。 img_container スタイルで定義されており、これはマスク レイヤを絶対配置用に準備するためです。 マスク レイヤーのスタイル定義をもう一度見てみましょう。コードは図に示すとおりです。注意する必要があるのは、その配置スタイルです。絶対の絶対配置 さらに、半透明の背景スタイル設定もあります:background: rgba(0, 0, 0, 0.7);
css ビデオ チュートリアル」
以上がマスクレイヤーの作り方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。