Я разрабатываю тему wordpress с изотопной сеткой и где наведите указатель на сообщение, чтобы отобразить его заголовок с фиксированной позицией в нижней части браузера. У меня есть эта упрощенная структура:
<div id="main">
<article class="hubbub">
//article content
<h2 class="subtitled">
//h2 content
</h2>
</article>
</div>
Через jQuery наведите курсор на <article>, чтобы отобразить дочерний элемент h2.subtitled. <article> позиционируется относительно, но получает абсолютное положение изотопом script. h2.subtitled позиционируется с помощью:
.subtitled {
display: none;
position: fixed;
z-index: 999999999;
bottom: 20px;
left: 0;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 42px;
text-align: center;
color: yellow;
}
По какой-то причине элементы h2.subtitle имеют фиксированное расположение, связанное с родительским элементом <article>, поэтому нижняя часть каждого <article>. Если я устанавливаю <h2> вне <article>, он позиционируется фиксированным, связанным с браузером, но он должен быть внутри элемента <article>, поскольку бесконечная прокрутка добавляет новые элементы <article>, и они должны также содержат заголовки <h2>.
Кто-нибудь знает, как сделать эту позицию фиксированной и связанной с окном браузера?
Спасибо!
