Виджет Twitter скрывает еще один div, который может появиться поверх него. Как сделать так, чтобы твиттер-виджет появлялся под? - PullRequest
Новая
       24

Виджет Twitter скрывает еще один div, который может появиться поверх него. Как сделать так, чтобы твиттер-виджет появлялся под?

0 голосов
/ 16 июля 2011

Я уверен, что многие люди используют виджет 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 голосов
/ 16 июля 2011

Re: виджет Twitter, находящийся поверх div обратной связи, вам нужно использовать свойство z-index в ваших стилях, чтобы исправить это.

Попробуйте добавить z-index: 100 к вашему отзыву. У меня нет IE, иначе я бы помог вам отладить это.

...