1

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

HTML：

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

CSS：

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

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

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

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

4

2 回答 2

0

尝试这个：

.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：

<div class="myheader">
  <img src="img/logo.png" alt="" title="" /><h5 class="your-on">You are on: Login Page</h5>
</div>
于 2013-08-13T22:22:22.280 回答
0

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

HTML：

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

CSS：

.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");
}

屏幕截图如下所示：

在此处输入图像描述

徽标是包含keybank字符串的徽标，背景是带有红色和灰色的徽标。

这是小提琴：http: //jsfiddle.net/pLkbV/2/

我已经在 IE 9 和 10 上对其进行了测试，并且运行良好。

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

于 2013-08-15T17:39:23.587 回答