html - 背景图片不会在 IE 8 上显示

Question

类“Logo”中的背景图片不会在 IE8 上显示。在 stackoverflow 中环顾四周后，我尝试将图像更改为 PNG 格式。它仍然不会显示。

这是我的 div 的基本结构。

<header>
     <div class="headcontain">
          <div class="logo">
                <div class="nav2"></div>
                <div class="fbmainlike"></div>
          </div>
     </div>
</header>

这是CSS

.header {
    background-color: #2B2B2B;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
}
.headcontain {
    background-color: #2B2B2B;
    width: 1043px;
    margin: 0px auto;
    height: 50px;
}
.logo {
    width: auto;
    height: 50px;
    background-image: url(image/logo2.png);
    background-repeat: no-repeat;
    background-size: 130px 49px;
    background-color: #2B2B2B;
}
.nav2 {
    height: inherit;
    width: 300px;
    margin-left: 150px;
    float: left;
}
.fbmainlike {
    padding-top: 12px;
    width: 450px;
    float: right;
    color:#FFF
}

背景图像在 Firefox 上可见，Chrome 似乎没问题。

Answer 1

您似乎在选择器中混用了大写和小写。

你有:

 <div class="headcontain">
      <div class="Logo">

但是在 CSS 中:

 .Headcontain {...

和

 .logo {...

CSS 选择器区分大小写。尝试在 CSS 和 HTML 中统一选择器。