我有一个使用渐变样式的 CSS 类:
.zui-btn
{
padding:5px 15px; margin:0; border:1px solid #ccc;text-shadow: 0px 1px #fff; text-align:center;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}
我将其应用于链接和按钮。但结果在 IE8、IE9 中无法显示该链接。请参阅http://jsfiddle.net/88mSc/14/
<a href="#" class="zui-btn">Modify</a>
<button type="button" class="zui-btn">Hello World</button>
我做错了什么?
最佳答案
这是一个错误,您可以通过将显示设置为 inline-block
来解决。
别问我为什么。
关于internet-explorer - IE 中按钮的 CSS 渐变与链接不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13833226/