IE 9圆角带背景图片
这个问题有什么解决办法吗？当在 IE9 中使用带有背景图片的圆角（用 x 重复）时，背景会很突出。在其他浏览器中一切正常（没有阴影！）
https://i.sstatic.net/XLIer.png< /a>
css:
.green-button {
display: inline-block;
text-decoration: none;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
background: url(../img/buttons/green.gif) repeat-x left top;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 3px solid #373843;
text-shadow:
0px 1px 0px rgba(000,000,000,0.7),
0px 1px 0px rgba(255,255,255,0.3);
cursor: pointer;
}
HTML:
<a href="#link" class="green-button"><span>Oh why</span></a>
Is there any solution for this problem? When using rounded-corner in IE9 with background picture (repeating by x) the background is standing out. Everything is OK in other browsers(without shadow!)
https://i.sstatic.net/XLIer.png
css:
.green-button {
display: inline-block;
text-decoration: none;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
background: url(../img/buttons/green.gif) repeat-x left top;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 3px solid #373843;
text-shadow:
0px 1px 0px rgba(000,000,000,0.7),
0px 1px 0px rgba(255,255,255,0.3);
cursor: pointer;
}
HTML:
<a href="#link" class="green-button"><span>Oh why</span></a>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）