【问题标题】:CSS Not working in IE8, IE9 but working in IE10 and above [closed]CSS 不适用于 IE8、IE9 但适用于 IE10 及更高版本 [关闭]
【发布时间】:2014-09-22 08:16:47
【问题描述】:

我有这个 div,它的 id 是在 runtime 上生成的,而 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>

以上代码用于创建 div 和 css。高度和宽度也在运行时生成,这只是一个示例数字。你们能帮我解决这个问题吗?我正在使用这个 div 使用 ActiveWidgets 1.1

生成 GRID

最终的代码会是这样的

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

查看源代码中的工作和非工作都是一样的。

【问题讨论】:

  • 能否在您的问题中包含最终生成的代码。
  • CSS 对我来说看起来不错,你能在 Stack Snippet 或 JS Fiddle 中重现这个问题吗?

标签: java javascript html css internet-explorer


【解决方案1】:

为什么不使用类来应用 CSS?

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

<style>
.active {
 height: 752px;
 width: 40px;
}
</style>

【讨论】:

  • 这不是一个恒定大小的 div,我只是编写了代码的简化版本。它还有一些应用高度和宽度的条件
  • 那么,添加更多代码以便我们为您提供帮助,我猜它必须是比生成这样的 id 和 css 选择器更好的解决方案。
  • 我已经按照你的要求添加了代码
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-06-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-09
  • 1970-01-01
相关资源
最近更新 更多