2013-12-23 6 views
1

У меня есть небольшая плавающая рамка, которая при наведении курсора выходила и показывала текст, но когда я вставляю его в страницу, он либо становится неуместным, либо он толкает весь сайт, просто чтобы у него было свободное пространство. Я размещаю div, не вмешиваясь в внешний вид моего сайта?Почему мой div-класс вызывает другие элементы на моей странице?

код моего CSS3 анимационной коробка: http://goo.gl/hr4vWW

+1

'позиция: абсолютная;' – blade19899

+0

Позиции: абсолютное отключение анимации – user3117256

+0

Follow @Enijar Ответ – blade19899

ответ

1

Дайте Диву позицию абсолютный:

position:absolute; 
z-index:999999; 
+0

Спасибо, это работает – user3117256

0

Вы nedd использовать Position: absolute и расположите свой div с помощью атрибута top и left

Почему нам нужно gi ве позиция абсолютная? Потому что абсолютное позиционирование не повлияет на поток содержимого страницы. он формирует новый слой. Используя index значение, которое вы можете наслаивать его соответствующим образом

Проверить это http://jsfiddle.net/g83Ew/3/

0

Вы можете использовать наслоение концепцию же .use CSS Z-index собственности

См this.

Fiddle

Смежные вопросы