960gs Opera 和 Internet Explorer 渲染问题

Question

所以当我遇到 Opera 和 IE8 浏览器问题时，我正在测试 960gs。 下面是在 Opera 中呈现页面的图像（但在 IE8 中也会发生同样的错误。）


我不在乎按钮的样式不正确，但是水平对齐的 div 让我感到困扰。

下面是使用 chrome 呈现的同一页面（在 Firefox 中看起来相同）。

有谁知道可能是什么问题？

Answer 1

您的 HTML 包含不正确的标签。按钮不能有href。只有链接（一个标签）可以。

您的 CSS 没有适用于 Opera 的渐变，IE 仅适用于 Safari/Chrome。您可以使用 -o-linear-gradient(top, #ade2ff, #0588fa);

Answer 2

好吧，或者你使用<button> 或者 <a>。如果您的按钮以<button> 开头，则不能以<a> 结尾。只需选择其中一个，您的网格布局就会生效。