html - IE css 按钮外边框

Question

我的按钮适用于除 IE 以外的所有其他浏览器。我认为“border-radius”应该适用于 IE？

.simpleHelp {
  border-top: 1px solid #ffffff;
  background: #910330;
  background: -webkit-gradient(linear, left top, left bottom, from(#790228), 
  to(#910330));
  background: -webkit-linear-gradient(top, #790228, #910330);
  background: -moz-linear-gradient(top, #790228, #910330);
  background: -ms-linear-gradient(top, #790228, #910330);
  background: -o-linear-gradient(top, #790228, #910330);
  padding: 10.5px 21px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #ffffff;
  font-size: 17px;
  font-family: Georgia, Serif;
  text-decoration: none;
  vertical-align: middle;
 }

Answer 1

Border-radius (and, in fact, any CSS3) only works on IE9+但是，您可以使用名为 CSS3PIE 的有趣小库将 CSS3 内容“改造”到旧版本的 IE9 上.如果您真的需要在 IE 中使用边框和阴影，那么 CSS3PIE 就是您的不二之选。然而，让旧版浏览器优雅地降级也是可以的。