Как сделать всплывающее окно наложением статьи

Question

У меня возникли проблемы с поиском этой Facebook Как кнопка, когда я нажимаю, как будто предположим, что всплывающее окно накладывает статью, но мое это просто идет за текстом, и пользователь не может нажать или делать что-либо вообще

---

в отличие от других веб-сайт, который я нашел, чтобы дать пример из Theverge

их всплывающее окно Overlay статью и не будет никаких проблем, чтобы продолжать отправить в facebook wall

Это CSS для кнопки акций, что я имею сейчас

/* Share */ 
.share-post { 
    clear: both; 
    margin: 10px -20px -20px; 
    padding: 10px 0 10px 10px; 
    background: #F7F7F7; 
    border-top: 1px solid #EAEAEA; 
    height: 20px; 
} 

.mini-share-post { 
    clear: both; 
    margin: 10px -20px -20px; 
    padding: 10px 10px 10px 25px; 
    height: 20px; 
} 

.recent-box .mini-share-post { 
    margin-bottom: -5px; 
} 

.share-post li, .mini-share-post li { 
    float: left; 
    width: 120px; 
} 

.share-post span.share-text { 
    background: #FF8500; 
    margin: -10px 10px -10px -10px; 
    display: block; 
    float: left; 
    color: #FFF; 
    padding: 9px; 
    font-family: BebasNeueRegular, arial, Georgia, serif; 
    font-size: 14pt; 
} 

Answer 1

Проверить z-index из div (или что-то еще, в зависимости от того, что вы используете), что ваши сообщения обернуты и установите более высокий для виджета Facebook.

Обычно установка z-index: 1001; работает для меня в таких ситуациях, но такое высокое значение считается довольно грязным исправлением.

EDIT

Хорошо, я знаю, что теперь не так (я предполагаю, что это сайт из вашего профиля). Существует span внутри div с классом fb-like fb_edge_widget_with_comment fb_iframe_widget. Измените ширину span примерно на 500 пикселей.

Поэтому вам не нужно менять z-index, но в следующий раз , пожалуйста, укажите код. Ничто не может быть угадано из изображений.