Html 背景图片显示在Firefox和Chrome中，但不是IE9

我有一个标题，在背景中有一个图像，它没有显示在IE9中。它在Chrome、Firefox和Safari中运行良好。在标题中打开的徽标文件显示良好

HTML:

此外，我只是在本地用任何我想用的浏览器打开这些文件。这是一个演示，我需要给不同的人发电子邮件，让他们打开它，查看HTML文件，以便我需要它在本地工作

我已经在IE中的设置中启用了混合内容，但它不起作用

更新-应该首先包含此内容。当我第一次打开网页时，IE声明它已限制网页运行脚本或ActiveX控件。我允许它执行此操作并刷新页面，但结果相同，没有图像。

尝试以下操作：

.myheader {
    height: 90px;
    /* background-color: #3D8F43; */
    padding: 5px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius:10px;
    background: url(../img/header-bg.jpg) no-repeat 0 0;
}

取出背景图像和-图像上的引号。看看这是否适合你

另外，指定类中的图像。因此，请尝试添加：

.myheader img { /* === Specify what your inner image/logo would be --- */
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

HTML:

---

我不知道为什么会发生在你身上。所以我把它弄了出来，这是代码它和你的一样，只是图像是我从互联网上得到的一些图像：

HTML:

屏幕截图如下所示：

徽标是包含密钥库字符串的徽标，背景是带有红色和灰色的徽标

这是小提琴：

我已经在IE9和IE10上进行了测试，它工作得完美无缺

---

因此，在您的情况下，一个可能的原因可能是图像没有从您在后台URL中提供的路径加载。

您在IE中看到了什么？“网络”选项卡是否显示正在提取图像？是否尝试使用完整的背景声明？背景：透明url'../img/header bg.jpg'0 0不重复；使用开发工具，背景图像的完整url是什么？检查它是否是您期望的主题：您真的不再需要-moz border radius，除非您仍然有使用Firefox 3.0？1的访问者。检查IE的开发工具，按F12打开，查看网络选项卡，查看图像文件是否加载正常。2.另外，在开发工具中，查看CSS选项卡以查看应用于该元素的样式。3.尝试直接打开图像URL，检查IE是否能够显示该文件。尝试了，没有背景。虽然这个标志看起来更好。

.myheader {
    height: 90px;
    /* background-color: #3D8F43; */
    padding: 5px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius:10px;
    background: url(../img/header-bg.jpg) no-repeat 0 0;
}

.myheader img { /* === Specify what your inner image/logo would be --- */
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

<div class="myheader">
  <img src="img/logo.png" alt="" title="" /><h5 class="your-on">You are on: Login Page</h5>
</div>

<div class="myheader">
    <img src="https://www.key.com/kco/images/logo.png"/>
    <h5 class="your-on">You are on: Login Page</h5>
</div>

.myheader {
    height: 90px;
    /* background-color: #3D8F43; */
    padding: 5px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius:10px;
    background-image: url("https://www.key.com/kco/images/bg_nav-rht.png");
}