lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltscript src=quotlatestjsquotltscript lthead ltbody ltinput type=quotbuttonquot。

试试这个 ltinput type=quotimagequot src=quotimageslogin_09gifquot name=quotImage1quot width=quot46quot height=quot35quot border=quot0quot id=quotImage1quot onMouseOver=quotMM_swapImage#39Image1#39，#39#39，#39imageslogin_09_1gif#39，1quot onMouseOut。

这个可以使用js来帮助完成，给三个不同的按钮都绑定点击事件，对应另外三个div，每个div里面使用img标签引入一张图片或者做成div的背景也行，三个div的外层再套一个div，用来做遮罩层，开始的时候所有div都隐藏，当点击。

你这个是网页动态交互效果，只能用JavaScript去实现类似于于弹窗纯html没有办法实现。

+分采纳 lthtml lthead ltstyle margin 0padding 0boxsizing borderboxwebkittaphighlightcolor rgba0，0，0，0 ltstyle lthead ltbody ltdivltdiv ltinput type=quotfilequot multiple=quot。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotwidth 100px height 50px fontsize 14px cursor pointerquot ltdiv style=quotwidth。

方法1给图片加一个onclick事件，用js事件来提交就可以实现例ltinput type=quotimagequot src=quot图片地址quot 方法2有CSS把图片设为按钮背景就可以了 例 ltinput name=quotquot type=quotbuttonquot style=quot width10px。

写一个div，把图片当作这个div的背景，然后在这个div里加button 还有就是绝对定位，写个div，里面放个button，这div的position是abosute，然后覆盖在你想覆盖的图片。