Java CSS不适用于IE8、IE9,但适用于IE10及以上版本

Java CSS不适用于IE8、IE9,但适用于IE10及以上版本,java,javascript,html,css,internet-explorer,Java,Javascript,Html,Css,Internet Explorer,我有这个div,它的id是在运行时生成的,css我有一个模板,它也将在运行时生成。这里的问题是,它在IE10及以上版本中运行良好,但在IE8和IE9中,某些div样式正在改变。假设我是拥有39个div,但正确的风格只适用于27个div。 <loop>[for loop] <div id="active<%count%>"> </div> </loop> <style> #active<%count%>{ h

我有这个div,它的id是在运行时生成的,css我有一个模板,它也将在运行时生成。这里的问题是,它在IE10及以上版本中运行良好,但在IE8和IE9中,某些div样式正在改变。假设我是拥有39个div,但正确的风格只适用于27个div。

<loop>[for loop]
<div id="active<%count%>"> </div>
</loop>

<style>
#active<%count%>{
  height: <%(count < 5 ? count * 4 + 32 : "120")%>px;
  width: <%(count < 5 ? count * 8 + 32 : "80")%>px
}
</style>
[用于循环]
#活跃的{
高度:px;
宽度:px
}
上面的代码用于创建div和css。高度和宽度也会在运行时生成,这只是一个示例编号。你们能帮我解决这个问题吗。我使用这个div使用ActiveWidgets 1.1生成网格

最终的代码将是

<style>
#active28{
  Height : 72px;
  Width : 112px;
}
</style>

#活动28{
高度:72px;
宽度:112px;
}

在视图源代码中工作和非工作都是一样的。

为什么不使用类来应用CSS

<loop>[for loop]
<div class="active"> </div>
</loop>

<style>
.active {
 height: 752px;
 width: 40px;
}
</style>
[用于循环]
.主动{
高度:752px;
宽度:40px;
}

这不是一个固定大小的div,我只是编写了一个简化版本的代码。它有更多的应用高度和宽度的条件那么,添加更多的代码,这样我们可以帮助你,我猜这一定是一个更好的解决方案,而不是像这样生成ID和css选择器。我在你问我时添加了代码。你能在你的问题中包含最终生成的代码吗,您是否能够在堆栈片段或JS FIDLE中重现此问题?