带有背景图片的IE 9圆角

有没有解决这个问题的方法？在IE9中使用带有背景图片的圆角（由x重复）时，背景突出。一切都OK在其他浏览器（没有阴影！）带有背景图片的IE 9圆角

http://i.stack.imgur.com/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>

来源

2012-02-12 Ruddy

您能否提供与问题相关的CSS和HTML？ – mc10 2012-02-12 00:21:52

IE9支持'border-radius'，所以删除'behavior'属性并查看它是否有效。 – Blender 2012-02-12 00:34:34

本来它没有它..我只是测试，如果它可以帮助...它没有 – Ruddy 2012-02-12 00:39:39

我知道了......背景剪辑：填充盒;

来源

2012-10-07 19:13:49

带有背景图片的IE 9圆角

回答

相关问题