Question

我试图使用注入mootools 添加一些div元素。这是我的代码的一部分

  var elm = document.createElement('div');
  elm.setAttribute('id', 'leftHeader');
  elm.setAttribute('class', 'leftHeader');
  var div_before = document.getElementById('w1');
  var aux = div_before.parentNode;
  aux.insertBefore(elm, div_before);
  var elm2 = document.createElement('div');
  elm2.setAttribute('id', 'rightHeader');
  elm2.setAttribute('class', 'rightHeader');
  var div_before2 = document.getElementById('w1');
  aux2 = div_before2.parentNode;
  aux2.insertBefore(elm2, div_before2);

以下的样式表

.leftHeader {
    background: #e64626 url("bgleft.png") 0 0 no-repeat;
    float: left;
    position: absolute;
    width: 40%;
    height: 358px;
}
.rightHeader {
    background: #e64626 url("bgright.png") right 0 no-repeat;
    float: right;
    position: absolute;
    width: 60%;
    left: 40%;
    height: 358px;
}

您会注意到所有浏览器中显示的背景期望IE7 。 :(我不知道为什么。有人可以帮我弄清楚为什么它无法在IE7中加载背景？我已经检查了控制台。似乎没有显示任何错误或警告

稍微调试后发现它没有在IE7中加载样式表。不知道为什么？

Answer 1

尝试设置elm2.className = 'rightHeader';。

为什么IE7忽略了css背景？

1 个答案: