我正在尝试通过使用 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 中加载样式表。想知道为什么?