Почему моя подсказка CSS толкает мой другой контент вниз? - PullRequest
3 голосов
/ 29 марта 2010

У меня есть всплывающая подсказка CSS, с CSS3, с z-индексами, установленными на 999. Когда я наводю указатель мыши на ссылку, сама всплывающая подсказка толкает мое другое содержимое вниз, оно должно быть выше, а не в строке, хотя я мы использовали диапазон и преобразовали его в блок ..

Здесь - это пример того, к чему я стремлюсь, как я могу остановить его от толкания контента вниз?

Спасибо.

Ответы [ 3 ]

5 голосов
/ 29 марта 2010

Display:block не выводит элемент из потока страниц, он просто помещает его в новую строку. Использование position:absolute - как рекомендовано другими авторами - должно работать для вас. Position:absolute установит позицию (например, top:0px; left:20px;) в окне браузера в целом, если только нет родителя с установленным position:relative (который затем станет точкой отсчета). Примером этого второго типа может быть размещение ссылки точно на 30 пикселей справа от данного div содержимого - независимо от того, где этот div размещен на странице.

Position:relative может использоваться для позиционирования элемента относительно его исходного положения в естественном потоке страниц, и он оставляет место, где элемент был бы. Position:fixed может использоваться для элементов, которые не должны перемещаться при прокрутке страницы (например, фиксированная панель навигации, фирменный стиль страницы или нижний колонтитул). Position:static является настройкой позиции по умолчанию и должна использоваться, когда вам нужно переопределить другой тип позиции.

Если вы используете диапазон для текста всплывающей подсказки в другом элементе - вы, вероятно, захотите установить для родительского элемента значение position:relative и для внутреннего диапазона значение position:absolute. Вам нужно будет установить верхнее и левое значения, чтобы отрегулировать, куда именно попадает текст всплывающей подсказки (т.е. выше или ниже родительского элемента, влево или вправо).

Надеюсь, это полезно.

4 голосов
/ 29 марта 2010

Абсолютное положение всплывающей подсказки (установите положение контейнера на relative, и абсолютное положение будет относительно контейнера).

1 голос
/ 29 марта 2010

Вы удостоверились, что значение позиции CSS подсказки является абсолютным?(или, по крайней мере, не статично).

...