コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > html画像overlay_html/css_WEB-ITnose

html画像overlay_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:08:45
オリジナル
1522 人が閲覧しました

HTML で
大きな画像の上に 2 つの小さな画像を重ねて、空白の画像の 1 つにボタンを設定したいです。
どのようにすればよいですか?

ディスカッションへの返信 (解決策)

は入力コントロールです

//大きい画像の背景

//小さい画像 1 の背景

//小さな写真2背景

理解していますか?

div スタッキング

3 つの画像を div の背景に作成し、追加する必要がある div にボタンを追加します。

2 つの小さな DIV を持つ大きな DIV、3 つの写真が 3 つの DIV の背景であり、小さな DIV の 1 つにボタンが配置されます

関連ラベル：
html图片覆盖
ソース：php.cn
前の記事：id selector_html/css_WEB-ITnose 次の記事：水平方向の中央揃えを実現するにはどうすればよいですか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
クリック後画像を非表示にし、再度クリックすると画像を表示する方法はありますか？ オブジェクトに画像を重ねています。クリックして非表示にし、オブジェクト (360 度の仮想ツアー) を表示し、仮想ツアーをクリックするとまったく同じ画像を表示したいと考えています。...
から 2024-04-03 20:13:41
0
1
311
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
リンクが画像全体を覆うようにするにはどうすればよいですか? 中央だけでなく、画像の上にカーソルを置いたときにも、すべての画像をリンクでカバーしたいと考えています。 .moduledata{位置:相対;幅:自動;マージン:0px!重要;最大幅...
から 2024-04-02 20:45:43
0
1
378
HTML CSS を使用してメニューに追加された画像を中央に配置するにはどうすればよいですか? 下の写真のようなメニューを作成しようとしています。その方法は次のとおりです。メニュー内の項目を写真の中央に配置するにはどうすればよいですか?これは私の宿題で、一生懸命努力しています...
から 2024-04-01 20:53:26
0
2
264
1 対多のマッピング Hibernate 投稿 ID への外部キーを使用して、データベースのコメント テーブルに 6 つのコメントを保持しようとしていますが、最後の 3 つのコメントは、新しく追加された外部キーで最初の 3...
から 2024-04-01 19:57:24
0
2
372
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート