Javascript 使用CSS3 PIE对IE7/8的CSS3支持不起作用

Javascript 使用CSS3 PIE对IE7/8的CSS3支持不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在开发一个应该与IE7、IE8和IE9兼容的web应用程序。我还想在CSS中使用边框半径和框阴影属性。我遇到了,我已经将其添加到我的项目中,如下所示 然后我使用ASP.NET创建了一个TextBox和按钮,并在CSS文件中添加了以下样式 .textbox, .button { font-size: 17px; border: 2px solid rgb(153, 0, 0); transition: 0.3s ease-in all; -webkit-bor

我正在开发一个应该与IE7、IE8和IE9兼容的web应用程序。我还想在CSS中使用
边框半径
框阴影
属性。我遇到了,我已经将其添加到我的项目中,如下所示

然后我使用
ASP.NET
创建了一个
TextBox
按钮
,并在CSS文件中添加了以下样式

.textbox, .button
{
    font-size: 17px;
    border: 2px solid rgb(153, 0, 0);
    transition: 0.3s ease-in all;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 2px 2px 2px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 2px 2px 2px rgba(250, 250, 250, .2);
    box-shadow: inset 1px 2px 2px 1px rgba(250, 250, 250, .2);
    position: relative;
    z-index: 0;
    height: 30px;
    behavior: url(~/PIE/PIE.htc);
}

但是
边框半径
框阴影
在IE7和IE8中不起作用,即使我使用了CSS3饼图插件。他们要求我添加
位置:relative
z指数:0,所以我添加了它们。我还添加了
行为:url(/path/PIE/PIE.htc)属性,但这仍然不起作用。我做错什么了吗?我在这里使用的是VS 2010。

我已经有一段时间没有使用PIE.htc了,但是如果我没记错的话,有很多东西遗漏了,或者说没有按预期工作。我已经没有IE7了,否则我会帮你弄清楚。。。但简而言之,你只需要进行实验,直到某个黑客适合你为止。最后,你可能会更好地使用图像。@布拉德:是的,我一直在尝试并做一些小的更改,看看它是否有效,但我不确定我遗漏了什么。此时,我只想使用图像。另一件事是PIE.htc需要大量的CPU,所以如果你大量使用这些,在任何仍在运行IE 7的机器上都会非常慢。@Brad哦,我明白了。但是除了使用图像背景,还有其他方法吗?像其他工作插件、JavaScript或JQuery代码一样?或者可以在HTML本身中添加?PIE.htc是我所知道的IE 7中最好的polyfill。抱歉,这么长时间了,我不记得IE 7以前需要的很多小技巧。我已经有一段时间没有使用PIE.htc了,但是如果我没记错的话,有很多东西丢失了,或者说没有按预期工作。我已经没有IE7了,否则我会帮你弄清楚。。。但简而言之,你只需要进行实验,直到某个黑客适合你为止。最后,你可能会更好地使用图像。@布拉德:是的,我一直在尝试并做一些小的更改,看看它是否有效,但我不确定我遗漏了什么。此时,我只想使用图像。另一件事是PIE.htc需要大量的CPU,所以如果你大量使用这些,在任何仍在运行IE 7的机器上都会非常慢。@Brad哦,我明白了。但是除了使用图像背景,还有其他方法吗?像其他工作插件、JavaScript或JQuery代码一样?或者可以在HTML本身中添加?PIE.htc是我所知道的IE 7中最好的polyfill。对不起,这么长时间了,我不记得IE7以前需要的很多小技巧了。