帶有背景圖片的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圓角

回答

相關問題