Twitter小部件掩盖了可能出现在其上的另一个div。如何让twitter小部件出现?

时间:2011-07-15 22:09:07

标签: html css twitter transparency wmode

我确信很多人都使用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上方。知道我能做些什么来阻止这个吗? http://apumpkinpatch.com/

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

编辑:拿出IE部分问题只是在另一个问题中打开它,所以我可以将第一个答案标记为正确。

1 个答案:

答案 0 :(得分:0)

Re:Twitter小部件位于反馈div的顶部,您需要在样式中使用z-index属性来更正此问题。

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