У меня есть ссылка, которую я хочу сделать похожим на кнопку с круглыми углами и заполнением градиента. Он отлично работает в Chrome, но не в IE.
Я обнаружил, что если я установлю отображение: встроенный блок, он отображает градиент, но удаляет закругленные углы. Кто-нибудь знает, как обойти эту проблему в IE?
HTML:
<a href="" class="button-gold-med">Hello World</a>
CSS
a {
color: white;
padding: 8px;
background: #7db9e8;
background: -webkit-gradient(linear, left top, left bottom, from(#7db9e8), to(#1e5799));
background: -webkit-linear-gradient(top, #7db9e8, #1e5799);
background: -moz-linear-gradient(top, #7db9e8, #1e5799);
background: -ms-linear-gradient(top, #7db9e8, #1e5799);
background: -o-linear-gradient(top, #7db9e8, #1e5799);
background: linear-gradient(top, #7db9e8, #1e5799);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0);
zoom: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}