3

我有一个背景图像,我试图将其用作徽标。在 Chrome 和 FF 中一切正常,但在 IE8 中没有显示。背景图像根本不加载。如何让它们在 IE8 中显示?

这是代码:

<header>
    <h1 class="logo">
        <a href="http://publix.newhaven.edu/hlee-test">Henry C. Lee Institute of Forensic Science</a>
    </h1>    
</header>

CSS:

header {
    margin: 0 10px 38px 7px; 
    padding: 30px 0 0 0;
}
header h1{
    width:232px;
}
header h1 a {
    background:url('images/logo.png') 0 0 no-repeat; 
    display:block;
    height:89px;
    text-decoration:none; 
    text-indent:-9999px;
    width:243px;
}
4

3 回答 3

0

接下来添加head您的页面:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

在 css 中,您需要为新的 html5 标签编写默认样式:

header, footer, section, nav, article {
    display: block;
    margin: 0;
    padding: 0;
}

html5shiv.js - 在 DOM 中创建新的 html5 标签。像 IE8 这样的旧浏览器不知道 html5 标签。

https://code.google.com/p/html5shiv/

于 2013-05-03T02:39:40.803 回答
0

给出适当的浮动属性。它正在影响它。

于 2013-05-03T15:01:48.197 回答
0

您的

header h1 a {
   ....
}

需要一个line-height.

于 2013-05-03T02:25:58.803 回答