js生成html包含行内样式(兼容浏览器样式)无效问题

今天碰到一个css兼容浏览器问题，记录一下

如果你用js生成的html代码包含行内样式，该样式如果有针对浏览器做兼容处理，则无效，必须赋予元素一个class，然后在css代码中处理

  比如生成

<div style="width:100px;height:100px;background:red;_background:black"></div>

正常情况下该div在IE6背景色应该为黑色，而在IE7应该为红色，但是如果该代码是有js生成的，则IE7和IE7背景色都是黑色，认最后一个，要就只能是别用行内样式了

.a{width:100px;height:100px;background:red;_background:black}

<div class="a"></div>

这样就可以了