如何用Html,在图片上放按钮

如何用Html,在图片上放按钮,第1张

有两种方法。

①:将图片做为背景,放上按钮。如:

<div style="width:100px height:100px background:url('1.jpg') 0 0 repeat">

    <input type="button" value="按钮" />

</div>

②:将按钮进行绝对定位,如:

<div style="position:relative">

    <img src="1.jpg" />

    <input type="button" value="按钮" style="position:absolute left:10px top:10px" />

</div>

写一个div,把图片当作这个div的背景,然后在这个div里加button

还有就是绝对定位,写个div,里面放个button,这div的position是abosute,然后覆盖在你想覆盖的图片,


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11824235.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存