1

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

您可以在此处查看实时示例：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">

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

4

3 回答 3

3

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

于 2012-09-18T23:41:33.857 回答
1

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

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

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

我以前使用 CSS3PIE，但在阅读了 Paul Irish 的这个令人印象深刻的类比后我放弃了它。您应该专注于调整您的设计以在 IE 上优雅地降级。如果您使用诸如Modernizr之类的东西来检查浏览器中缺少的功能并为其添加特定的样式会更好。

测试后会回来

更新

我在 IE8 中测试过，是的，它崩溃了。我认为你没有什么可以去的:(

我建议您使用纯浅灰色或使用背景渐变图像。

于 2012-07-16T12:40:41.507 回答
0

通过更多的测试，我找到了这个问题的答案，它不是提交按钮，而是某种表单按钮，我给了它font-size。

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

很抱歉，因为我没有包含具有字体大小的 CSS 部分（这是一个大文件，我对它感到震惊）。

于 2012-07-18T07:53:43.503 回答