Наведение с абсолютной позицией в Safari

У меня есть текст, который при нажатии превращается в редактируемое текстовое поле. Текст поступает из базы данных. Перелив скрыт.

При наведении я хочу, чтобы весь скрытый текст был виден. Я использую span:hover {position:absolute}. Он отлично работает в IE, Chrome, FF, но не в Safari. Я удалил абсолютное позиционирование и добавил background-color, чтобы увидеть, реагирует ли Safari вообще на наведение. Это сработало, цвет фона изменился. Но когда я снова включаю абсолютное позиционирование, Safari не реагирует на наведение.


safari hover absolute
person Džiul Jeta    schedule 28.04.2014    source источник
comment
вы можете сделать скрипку и показать код?   -  person Black Sheep    schedule 28.04.2014
comment
Даже это простое наведение не работает в Safari из-за абсолютного позиционирования. fiddle.jshell.net/Fmzv6/3   -  person Džiul Jeta    schedule 29.04.2014
comment
Какую версию сафари и ОС вы используете? У меня на Safari 6.1.3 и Mac... работало нормально...   -  person Black Sheep    schedule 29.04.2014
comment
Сафари 5.1.7 Виндовс 7   -  person Džiul Jeta    schedule 30.04.2014

Ответы (1)


arrow_upward
0
arrow_downward

Таким образом работало в Windows 7 и Safari 5.1.x и в большинстве браузеров:

HTML:

<span  class="hover">Belekas</span>

CSS:

.hover {
    position: absolute;
    z-index: 9999;
}

.hover:hover {
    background-color:red;
}

РЕАЛЬНАЯ ДЕМО

person Black Sheep    schedule 30.04.2014