背景图像没有完全显示
我想显示一个按钮的背景图像。该按钮保存为.png并用于JSP页面。问题是，当按钮被显示时，它只显示图像的一半，我想要显示整个图像。背景图像没有完全显示
CSS -
#btn {
background: url(../images/btn-blk.png) no-repeat;
width: 100%;
}
JSP -
<input type="submit" value="Add" id="btn" />
还有什么问题呢？如何让图像显示整个宽度而不是左半边？
-Thx提前
你需要设置的btn大小为像素图像的大小。 CSS不知道你的图像有多大。
因为BTN是内联元素，因此width:100%指的是按钮的宽度，而不是您的背景图片。
你需要的东西，如：
btn {
background: url(../images/btn-blk.png) no-repeat;
width: 50px;
height:20px;
}
检查与DOM考官（萤火虫，Chrome的内部一个，或者类似的东西），看看你的<input>标签还真是够大的。
作为供参考：“宽度：100％”不适用于背景图像尺寸，但不适用于元素的大小，相对于其父级。
嗨，我确实有空间，宽度不得不提到像素...这是问题 - Thx – sara
- 您确定发布了corect css代码吗？它应该是“#btn”而不是“btn”。
- 既然你知道你的宽度btn-blk.png，为什么不把它放在CSS中，而是使用宽度：100％？在这里附上图片btn-blk，也许我们将能够更好地理解你想要做什么。
你在哪里正确。 ＃在我的代码中。在我的问题中改变了这一点。 -谢谢 – sara
有迹象表明，可能更适合把图像的形式的其他方式：
<input type="image" src="../images/btn-blk.png"><button><img src="../images/btn-blk.png"></button>
嗨，我试着在像素和你添加的宽度正确的，我完全得到图像。但是页面太大了，你能告诉我如何缩小这个图片的大小吗？ - Thx – sara
看看“paint.net” –