Question

我使用下面的CSS来使按钮更具吸引力。

它可以很好地使用谷歌浏览器，但在Internet Explorer中它只显示彩色框。

我如何使这个CSS在Internet Explorer中有用。

＆＃13;

button {
  background: #eb0505;
  background-image: -webkit-linear-gradient(top, #eb0505, #b82b2b);
  background-image: -moz-linear-gradient(top, #eb0505, #b82b2b);
  background-image: -ms-linear-gradient(top, #eb0505, #b82b2b);
  background-image: -o-linear-gradient(top, #eb0505, #b82b2b);
  background-image: linear-gradient(to bottom, #eb0505, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

＆＃13;

<button>Button</button>

＆＃13;

请帮忙。

Answer 1

但是你的代码在IE11中工作正常，对于IE 9你可以使用它：

background: #eb0505;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eb0505', EndColorStr='#b82b2b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eb0505', EndColorStr='#b82b2b')";
  background-image: -webkit-linear-gradient(top, #eb0505, #b82b2b);
  background-image: -moz-linear-gradient(top, #eb0505, #b82b2b);
  background-image: -ms-linear-gradient(top, #eb0505, #b82b2b);
  background-image: -o-linear-gradient(top, #eb0505, #b82b2b);
  background-image: linear-gradient(to bottom, #eb0505, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

Answer 2

 button {
          background: #eb0505;
          border-radius: 28px;
          font-family: Georgia;
          color: #ffffff;
          font-size: 20px;
          padding: 10px 20px 10px 20px;
          text-decoration: none;
        }


<button>Button</button>

CSS在Internet Explorer

2 个答案: