javascript - 使用 CSS3 PIE 设置样式输入 [type=submit] 时 IE8 崩溃

Question

有时页面工作正常，您需要刷新页面才能看到它崩溃。

您可以在此处查看实时示例:http://rcnhca.org.uk/sites/first_steps/account/ (ie7可以正常使用，我不支持ie6)

我正在尝试使用以下值设置我的提交按钮的样式:

a.button, input.button {
    border: 2px solid #3A90A7;
    border-radius: 5px 5px 5px 5px;
    color: #202D32;
    display: block;
    float: left;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0.667em 0.333em;
    padding: 0 1em;
    position: relative;
    text-decoration: none;
}

a.button:hover, input.button:hover{
    border: #202d32 solid 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
}

input[type=submit] {
    behavior: url(http://rcnhca.org.uk/sites/first_steps/PIE.htc);
    position: relative;
    -pie-poll:true;
}

a.button:hover, input.button:hover{
    -pie-box-shadow: none;
}

.button {
    -pie-background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
}

.button.active {
    -pie-background: linear-gradient(top, #b7b7b7 0%,#b7b7b7 8%,#e5e5e5 8%,#ffffff 100%);
}

最后，提交按钮的所有荣耀:

<input id="submitbtn" class="button omega" type="submit" value="Create your account" name="submit">

有谁知道可能导致此崩溃的原因是什么？除了脚本导致页面运行缓慢之外，我没有得到任何信息。

Answer 1

我遇到了同样的问题，我发现我的按钮在 IE8 中不起作用，因为我需要其中一个边框为 none，这使我的 CSS3PIE 崩溃了。我从 border-left: none; 更改为 border-left-width: 0; 并且有效。