0

我一直在尝试为我的网站创建按钮。它在除 IE9 之外的所有设备中都可以正常工作,我在盒子的角落有黑边。我使用 F12 来查找代码的哪一部分搞砸了一切,看起来“filter:progid ...”是造成这种情况的原因,但话又说回来,如果没有它,它看起来会更糟。我阅读了无数网站,但没有找到任何解决方案。如果有人知道如何解决 - 请帮助!:)

Mozilla vs IE - 正在发生的事情的图像。Mozilla 位于顶部,IE 位于底部。

.button {font: bold;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000));
background:-moz-linear-gradient(top, #000000 5%, #000000 100%);
background:-webkit-linear-gradient(top, #000000 5%, #000000 100%);
background:-o-linear-gradient(top, #000000 5%, #000000 100%);
background:-ms-linear-gradient(top, #000000 5%, #000000 100%);
background:linear-gradient(to bottom, #000000 5%, #000000 100%);
overflow:auto;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',     endColorstr='#000000',GradientType=0);
-moz-border-radius:42px;
-webkit-border-radius:42px;
border-radius:42px;
color: #BDBDBD;
padding:3px 55px;
width: 150px;
}
4

1 回答 1

0

不幸的是,Internet Explorer 在渐变方面存在问题。

话虽如此,这已经在另一个帖子中得到解决,可以在此处此处找到,它使用 svg 渐变来解决问题。

于 2013-08-04T18:54:59.960 回答