使用css在按钮上正确显示图像(跨浏览器)
使用css在按钮上正确显示图像(跨浏览器)
提问于 2011-11-10 20:11:18
我正在尝试设计一个按钮的样式，以便它上面会有一个图像：
我的html：
<button type="button" class="btn">
<span></span>
</button>我的css：
.btn
{
margin-right: 3px;
cursor: pointer;
width: 27px;
height: 27px;
padding: 0;
}
.btn span
{
margin: 0;
padding: 0;
vertical-align: middle;
width: 16px;
height: 18px;
background-image: url(updown.png);
background-position: -1px -3px;
display: inline-block;
overflow: hidden;
}有了这个css，它在mozilla中看起来居中，但在chrome中看起来更高，在IE中看起来更靠左上角，有人知道如何正确地这样做，这样它在所有浏览器中看起来都是一样的吗？
回答 2
Stack Overflow用户
发布于 2011-11-10 20:13:43
试着给按钮一个相对的位置和一个绝对的跨度？
(这将是一个评论，但我不被允许对事情发表评论。对不起)
Stack Overflow用户
发布于 2011-11-10 20:14:43
将其设置为.btn position:relative和span position:absolute
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8079302
复制相关文章
相似问题
腾讯云开发者
