Question

我有以下css代码

#gel{position:absolute; width:20px; height:22px; margin-left:5px; color:#FF0000;background:url('../images/GEL-CURENCY.jpg') repeat-x;background-color:transparent;}

这是我的脚本

document.getElementById("small_txt_container_2").innerHTML = '<span id=\"gel\"></span>';

它在IE 8中不起作用，请帮我解决这个问题

Answer 1

如果问题仅出现在IE8中，则在<head>

中包含此逻辑

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Answer 2

innerHTML指的是HTML标记内部的内容，而不是标记本身。看看这个例子，它将帮助您了解如何使用纯JS来为您的页面添加新的<span>。

(function(){   
    // 1- Establish new element
    var newItem = document.createElement('span');

    // 2- Add className
    newItem.className = 'gel';

    // 3- Put content into <span> tags
    newItem.innerHTML = 'stuff inside the brackets';

    // 4- Tell your program to put the span just after an item with your-ID-here
    document.getElementById('your-ID-here').appendChild(newItem);           
})();

CSS背景图片没有显示IE8

2 个答案: