我正在尝试<button>在 HTML 中的元素上显示 png 图像。按钮与图像大小相同,图像显示但由于某种原因不在中心 - 所以不可能全部看到。换句话说,图像的右上角似乎位于按钮的中心,而不是按钮的右上角。
<button>
这是 HTML 代码:
<button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button>
更新: 我认为实际发生的是保证金问题。我得到了两个像素的边距,所以背景图像超出了按钮。按钮和图片大小一样,只有20px,所以很显眼…我试过了margin:0,padding:0但是没有用…
20px
margin:0
padding:0
您可以使用输入类型的图像。
<input type="image" src="http://example.com/path/to/image.png" />
它作为一个按钮工作,并且可以附加事件处理程序。
或者,您可以使用 css 使用背景图像设置按钮样式,并适当设置边框、边距等。
<button style="background: url(myimage.png)" ... />