css - 背景图片未完全显示

Question

我正在尝试为按钮显示背景图像。该按钮保存为 .png 并在 JSP 页面中使用。问题是，当显示按钮时，它只显示图像的一半，我希望显示整个图像。

CSS -

#btn {
background: url(../images/btn-blk.png) no-repeat;   
width: 100%;
}

JSP-

<input type="submit" value="Add" id="btn" />

可能是什么问题？如何让图片显示整个宽度而不是只剩下一半？

-提前致谢

Answer 1

1. 您确定您发布了正确的 CSS 代码吗？应该是“#btn”而不是“btn”。
2. 既然知道 btn-blk.png 的宽度，为什么不把它放在 css 中，而是使用 width:100%？在此处附上图像 btn-blk ，也许我们能够更好地理解您想要做什么。