masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > html图片覆盖_html/css_WEB-ITnose

html图片覆盖_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 12:08:45
asal
1533 orang telah melayarinya

在html中
我要在一张大的图片上覆盖两张小图片·
并在其中一张空白图片上设置button按钮·
怎么做到？


回复讨论(解决方案)

是input控件

//大图背景
   
//小图1背景

   
//小图2背景
           //按钮
   




这个样子的结构！ 明白?

div层叠

将三张图做成div的背景，在所需要添加的div中添加按钮。

一个大DIV套2个小DIV，三张图分别为3个DIV的背景，然后其中一个小DIV放上一个button

Label berkaitan：
html图片覆盖
sumber：php.cn
Artikel sebelumnya：id选择器_html/css_WEB-ITnose Artikel seterusnya：怎么实现水平方向中间对齐？_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Adakah terdapat cara untuk menyembunyikan imej selepas mengkliknya dan memaparkannya apabila mengklik sekali lagi? Saya mempunyai imej yang menindih objek. Saya ingin mengklik dan menyembunyikannya, tunjuk...
daripada 2024-04-03 20:13:41
0
1
311
Vanilla JS setTimeout(): Mengenal pasti tingkah laku yang salah Saya mempunyai animasi pada menu hamburger saya yang ditulis dalam HTML, CSS dan JavaScrip...
daripada 2024-04-02 20:44:40
0
1
284
Bagaimanakah saya boleh membuat pautan meliputi keseluruhan imej? Saya mahu pautan meliputi semua imej, bukan sahaja di tengah tetapi juga apabila anda menu...
daripada 2024-04-02 20:45:43
0
1
378
Bagaimana untuk memusatkan imej yang ditambahkan pada menu menggunakan HTML CSS? Saya cuba membuat menu seperti gambar di bawah: Begini cara saya melakukannya: Bagaimanaka...
daripada 2024-04-01 20:53:26
0
2
264
Hibernate pemetaan satu-ke-banyak Saya cuba menyimpan 6 ulasan dalam jadual Komen pangkalan data menggunakan kunci asing pad...
daripada 2024-04-01 19:57:24
0
2
372
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan