IE css按钮外边框

时间:2012-09-13 13:55:08

标签: html css internet-explorer button css3

我的按钮适用于IE以外的所有其他浏览器。我认为'border-radius'假设适用于IE?

Screenshot of button that isn't styled correctly

.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;
 }

2 个答案:

答案 0 :(得分:1)

Border-radius (and, in fact, any CSS3) only works on IE9+但是,你可以通过一个名为CSS3PIE的有趣小库,将CSS3内容“改装”到旧版本的IE9上。如果确实需要在IE中使用边框和阴影,那么CSS3PIE就是您的选择。但是,让老版浏览器优雅地降级也是可以的。

答案 1 :(得分:0)

我担心border-radius只适用于IE9及以上版本。

http://www.findmebyip.com/litmus/