지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > html图片覆盖_html/css_WEB-ITnose

html图片覆盖_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 12:08:45
원래의
1536명이 탐색했습니다.

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


回复讨论(解决方案)

是input控件

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

   
//小图2背景
           //按钮
   




这个样子的结构！ 明白?

div层叠

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

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

관련 라벨：
html图片覆盖
원천：php.cn
이전 기사：id选择器_html/css_WEB-ITnose 다음 기사：怎么实现水平方向中间对齐？_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
이미지를 클릭하면 숨겨지고, 다시 클릭하면 표시되는 방법이 있나요? 개체를 오버레이하는 이미지가 있습니다. 클릭해서 숨기고 개체를 표시(360도 가상 둘러보기)한 다음 가상 둘러보기를 클릭하면 똑같은 이미지를 표시하고 싶습니다. ...
에서 2024-04-03 20:13:41
0
1
311
바닐라 JS setTimeout(): 잘못된 동작 식별 HTML, CSS 및 바닐라 JavaScript로 작성된 햄버거 메뉴에 애니메이션이 있습니다. 예상 결과 햄버거 메뉴 버튼을 클릭하면 다음 이벤트가 발생해야 합니...
에서 2024-04-02 20:44:40
0
1
284
링크가 이미지 전체를 덮도록 하려면 어떻게 해야 합니까? 중앙뿐만 아니라 이미지 위로 마우스를 가져갈 때에도 모든 이미지에 링크가 포함되기를 원합니다. .moduledata{position:relative;width:a...
에서 2024-04-02 20:45:43
0
1
378
HTML CSS를 사용하여 메뉴에 추가된 이미지를 가운데에 배치하는 방법은 무엇입니까? 아래 그림과 같은 메뉴를 만들려고 합니다. 방법은 다음과 같습니다. 메뉴 항목을 그림 중앙에 어떻게 배치합니까? 이게 내 숙제인데 최선을 다해도 할 수가 없어요....
에서 2024-04-01 20:53:26
0
2
264
일대다 매핑 게시물 ID에 대한 외래 키를 사용하여 데이터베이스의 Comment 테이블에 6개의 댓글을 유지하려고 하는데, 마지막 3개의 댓글이 새로 추가된 외래 키로 처음 ...
에서 2024-04-01 19:57:24
0
2
372
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿