html - Twitter 小部件覆盖了可能出现在它上面的另一个 div。如何让 twitter 小部件出现在下面？

Question

我相信很多人都使用 twitter 提供的 twitter 小部件。

这是他们提供的代码：

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 3,
  interval: 6000,
  width: 420,
  height: 250,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#000000'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#666666'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('apumpkinpatch').start();
</script>

您可以在这里看到一个示例，当您单击屏幕左侧的“反馈”选项卡时，twitter 小部件会出现在 div 上方。知道我能做些什么来防止这种情况吗？

我认为小部件的类是.twtr-doc根据检查员的。任何人都知道css我是否应该添加一个属性来阻止这种情况发生？

编辑 - ：取出问题的 IE 部分，以便在另一个问题中打开它，这样我就可以将第一个答案标记为正确。

Answer 1

回复：twitter 小部件位于反馈 div 之上，您需要在样式中使用z-index属性来纠正此问题。

尝试将 z-index:100 添加到您的反馈 div。我没有 IE，否则我会帮你调试。