Html ie9中的样式框-CSS跨浏览器问题

Html ie9中的样式框-CSS跨浏览器问题,html,css,internet-explorer,cross-browser,Html,Css,Internet Explorer,Cross Browser,我在ie9的网站上遇到了一些问题 框应该堆叠成单独的项目,如下面的屏幕截图,但在ie9中,底部的介绍文本区域为自己创建了一个单独的框,并且不符合要求 应该是这样的: 但它是这样的: 我的html是: <div class="projects-wrapper"> <!--Open Brief Project--> <div class="projects-single"> <a href="#"><img sr

我在ie9的网站上遇到了一些问题

框应该堆叠成单独的项目,如下面的屏幕截图,但在ie9中,底部的介绍文本区域为自己创建了一个单独的框,并且不符合要求

应该是这样的: 但它是这样的:

我的html是:

<div class="projects-wrapper">
    <!--Open Brief Project-->
    <div class="projects-single">
        <a href="#"><img src="<?php the_field( 'thumbnail' ); ?>"></a>
        <div class="project-intro">
            <h3><?php the_field( 'project_title' ); ?><h3>
        </div>
    </div>
    <!--Close Brief Project-->
</div>
我正在努力找出我需要改变什么才能让它在ie9中工作

如果你需要更多的信息,让我知道,我会把它贴上去

任何帮助都会很好


Lee

标记中有错误,您的
h3
元素未关闭

更正:

<h3><?php the_field( 'project_title' ); ?></h3>

这么简单的东西!哈谢谢你:)
<h3><?php the_field( 'project_title' ); ?></h3>