Javascript / CSS不适用于IE 10，但适用于IE 8

Javascript / CSS not working for IE 10 but working for IE 8

本文关键字：IE 适用于 不适用 Javascript CSS      更新时间：2023-09-26

在我的css中，我有这个

#inner div {
    display: inline;
    height: 200px;
    width: 200px;
    margin: 10px;
    background-color: black;
}

在我的 html 中，我有这个

<div id="inner">
    <h2> <span class="action">Click</span> on each button to read more about them </h2>
     <br />
     <span id="here"></span>    
</div>

在我的Javascript中，我有这个

var divComposition = "<div id='div" + i + "'><p></p></div>";    
$('#here').after(divComposition);

所以我把它放在跨度之后，但它仍然在里面 

#inner

所以它是一个 

#inner div

.问题是在IE 8中，它可以工作。div 与背景色内联为黑色。但是，在 I.E 10 中，div 不是内联的，背景颜色也不是巴尔克色。怎么来了？我在想如果我将 CSS 移到 Javascript 下方，那么它会起作用，但这也不起作用。关于如何解决这个问题的任何想法？I.E 10开发人员工具未显示任何错误。

样式化的元素

display:inline;

无论如何，将忽略高度和宽度，或者应该。您是否尝试过使用内联块而不是内联

？
换

行符将使div元素垂直对齐...

更改此行

var divComposition = "<div id='div" + i + "'><p></p></div><br />";

自

var divComposition = "<div id='div" + i + "'><p></p></div>";

你的代码适用于我所有版本的IE，我让JavaScript在HTML的主体中执行。您可以将所有代码放入函数，然后从正文调用它（如果它仍然无法正确显示）。

相关文章：