Javascript 为什么jquery不将结果放在带有背景颜色集的div中

我有一个菜单，里面有onclick调用。然后，我的js脚本捕获数据并将其发送到php脚本进行处理，然后将其返回给我的js脚本，该脚本应该将结果放入定义的文档元素中。很简单，对吧

但是由于某种原因，如果我在css中设置背景色，结果将不会显示。下面是我代码的相关部分。有人能指出我的代码中是否有缺陷；如果没有，为什么会发生这种行为，是否有解决办法

我的css

    .decade { margin-left: 150px; padding: 20px; color: green; }
    .slaby { position: fixed; left: 200px; bottom: 86px; top: 50px; right:50px; color: black; padding: 20px; background-color: #ddd; border: 2px solid grey; }

我的html

     <div class='tln'>
      <span class='point' onclick='mes(this)' go='a' >The 70's</span>
      <span class='point' onclick='mes(this)' go='b' >The 80's</span>
     </div>
     <div id='decade' class='decade'>
     <div id='slab' class='slaby'></div>
     </div>

在我的js脚本中，我将结果放在“slab”和“decade”元素中，仅用于测试目的。现在使用css，DivTecade显示结果，而divslab仍然为空

出于某种原因：如果我从divslab中删除背景色，结果会显示在这里；如果我添加一个背景色，结果仍然显示在这里

---

我正在寻找一种在divslab中显示结果的方法；以及，具有css样式的divslab的背景色。感谢大家的帮助，祝您度过愉快的一天。

其他一些评论指出，slab已进入十年，因此当您执行$'decade.html时，您正在替换/删除slab

使用

取而代之

$('#decade').prepend()

---

解决了为什么jquery不会将结果放入具有背景颜色集的div中

我不确定为什么没有显示查询内容，但通过z索引更改divslab的样式提供了我想要的结果

我将divslab的z索引设置为z索引：-1；“瞧”，效果很好

    .slaby { position: fixed; left: 200px; bottom: 86px; top: 50px; right:50px; color: black; padding: 20px; z-index: -1; background-color: #ddd; border: 2px solid grey; }

我不知道为什么会这样，因为它内部或外部没有其他元素有z索引集

---

感谢大家的投入和努力。我希望此解决方案能帮助某些人。

您是否与浏览器的文档检查器进行了检查，以确保元素确实不包含更新的内容？元素的样式不会影响jQuery.html的工作方式，但可能是某些因素使元素不可见。slab是十年的产物。当你把斯诺伊放入十年后，你删除了slaby我们的HTML是无效的；这还不清楚吗？浏览器将您的标记解释为将slab元素包含在decade元素中。因此，当您更新内容时，其中的所有内容（包括楼板图元）都将被新内容完全替换。这意味着slab元素完全消失了，实际上它不是无效的；压痕把我弄糊涂了。但slab肯定在十年之内；所以我希望你能得到想要的结果谢谢你的建议，但这并没有解决问题。

$('#decade').prepend()

    .slaby { position: fixed; left: 200px; bottom: 86px; top: 50px; right:50px; color: black; padding: 20px; z-index: -1; background-color: #ddd; border: 2px solid grey; }