html - CSS 箭头在 IE 8 中不正确

Question

我正在使用以下 a JSFiddle 中提供的 html 和 css .

它在其他浏览器中工作正常，但箭头在 IE 8.0 中显示不正确。

发生这种情况是因为 HTML 文档中没有缺少 DOCTYPE 声明。不幸的是，我无法添加 DOCTYPE 声明，因为它会导致现有应用中断很多事情。我只是想知道是否可以在不添加 DOCTYPE 声明的情况下解决这个问题。

请帮忙!

编辑:我发现以下 css 代码使三 Angular 形在古怪模式下工作(有点)

.wizard-steps .a-after{
BORDER-BOTTOM: transparent 12px dashed;
BORDER-LEFT: transparent 12px dashed;
BORDER-TOP: transparent 12px dashed; 
BORDER-RIGHT: transparent 12px dashed;
line-height: 0;
POSITION: relative; 
WIDTH: 0px; 
DISPLAY: inline-block; 
HEIGHT: 0px; 
VERTICAL-ALIGN: middle; 
}

更新了 a JSFiddle 这样。我无法使前三 Angular 形工作，它也从正常步骤中删除了后三 Angular 形。

我对 CSS 不是很精通，谁能帮忙!!!

Answer 1

简短回答:否。

您自己指出了错误:这是由于缺少 HTML 文档中不存在的 DOCTYPE 声明而发生的。

在没有关于文档类型的指示的情况下，IE 默认进入怪癖模式(想想 ie6)。在 quirks 模式下，您可以采取一些额外的步骤来不去。

Here's a chart about how IE determine which mode to display和 this page provide info about defining a document compatibility .

然后...您页面的其余部分将会中断，因为它需要怪癖模式。解决方案是重做此代码以使其与 quirks 模式兼容。 (“我无法添加 DOCTYPE 声明，因为它会导致现有应用中断很多事情”)或者...重做整个应用!