把span绝对定位到button的右上角。在chrome,ff下都表现正常,ie下却显示不完全,这是什么原因?
<button class="eui-btn eui-btn-blue btn-upload">附件
<span class="badge">1</span>
</button>
IE8+的默认样式表里面有这一句:
button {
background-color: #F0F0F0;
border-width: 3px;
box-sizing: border-box;
font-family: sans-serif;
font-size: 10pt;
overflow: hidden;
padding: 1px 8px;
text-align: center;
zoom: 1;
}
所以你需要额外的取消覆写掉overflow:hidden,否则button元素的子元素的溢出部分将会被隐藏。
全选复制放进笔记.eui-btn { overflow:visible; }
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。