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

我要检查和测试，但首先你需要了解一些关于CSS3PIE的东西

CSS3PIE使用VML -vector标记语言 - 允许您使用Javascript绘制图形，它包含创建流行的CSS3效果但功能有限的功能。

因为它使用Javascript绘制图形，它利用了大量的浏览器资源并导致它挂起并最终崩溃。

之前我使用的是CSS3PIE，但在阅读impressive analogy by Paul Irish之后我将其丢弃了。您应该专注于调整您的设计以优雅降级IE。如果您使用类似Modernizr的内容来检查浏览器中缺少的功能并为其添加特定样式，那会更好。

测试后会回来

<强>更新

我在IE8中测试过，是的，它崩溃了。我认为你无能为力:(

我建议您使用实心浅灰色或使用背景渐变图像进行后退。

Answer 2

通过一些更多的测试，我找到了这个问题的答案，这不是事实，它是提交按钮，但它是某种形式按钮，我给它font-size。

如果我删除元素上的font-size属性，那么IE8会停止崩溃，我是一个快乐的兔子。

道歉，因为我没有包含具有字体大小的CSS部分（这是一个大文件，我给它上釉）。

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

2 个答案: