Internet Explorer 9中的CSS3 border-radius

时间:2012-02-23 00:26:32

标签: css internet-explorer css3 internet-explorer-9

  

可能重复:
  ie9 border radius

我想弄清楚为什么我的代码不能用于IE9。我的IE9网站与border-radius完美配合,可以显示出来。我的问题是我有一个弹出窗口,我再次使用CSS3在备用按钮的角落,但它在IE9不起作用。我的代码是:

#reserve button {
  width: 100px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: #000 1px 1px;
  border-top: 1px solid #ad64e0;
  margin-top: 10px;
  font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

  /*** Adding CSS3 Gradients ***/ 

  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 60px;
  behavior: url(border-radius.htc);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
  background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
  background: #781bb9;
}

当我在普通窗口中使用相同的代码而不是弹出窗口时,它正在工作。但是在弹出窗口它不起作用。有什么想法吗?

0 个答案:

没有答案