Как стилизовать Facebook, как комментарии всплывают над ссылками?

Question

Ищем способ в CSS (в дочерней теме) сделать так, чтобы всплывающее окно отображалось из одного элемента div поверх другого, не блокируя ссылки в нижнем элементе div, когда оно закрыто.

Я пытаюсь использовать кнопку «Мне нравится» в Facebook с всплывающим комментарием на страницах моего сайта, и размер области .widget-pad моего раздела был соответствующим образом изменен, чтобы отображать его, когда он появляется, над другим разделом и div, который содержит большое изображение, которое ссылается на другую страницу.

Однако, когда кнопка «Мне нравится» не нажата, а всплывающее окно не отображается, связанная область (серебряная часть в этой подборке) недоступна для щелчка.

Область ниже, где прозрачный элемент div из кнопки «лайк» все еще активен.

Как сделать так, чтобы я все еще мог щелкнуть по ссылкам ниже, где всплывающее окно появляется на моей странице?

Answer 1

Хорошо, я нашел ответ - мне нужно было использовать CSS, чтобы выбрать элемент .widget, а не элемент .widget-pad, который я использовал ранее.

Примечание для всех, кто пытается разобраться с реализацией Facebook Like в виджете WordPress, что-то вроде этого может помочь, если у вас возникли проблемы с отображением всплывающего окна «Комментарии» над другими <div>:

.widget{overflow: visible}