Выпадающее меню поверх элемента

[Stephanvs]

Уважаемые пользователи! Как можно подправить код, чтобы выпадающее меню оказалось поверх статуса "В сети"? Статус "В сети" имеет следующий код CSS:

Код: Выделить всё

.online-ribbon {
position: absolute;
z-index: 9999;
opacity: 0.8;
}

Спасибо.

[Alecto]

z-index !important погугли.

[LavIgor]

z-index !important

Вряд ли дело в !important.
Скорее всего, у полоски "в сети" просто нужно уменьшить z-index.
На своём форуме сталкивался с подобным, пришлось подправлять эти индексы чуть ли не во всей разметке.

[Stephanvs]

Удалял и уменьшал z-index. При обоих вариантах на Firefox проблема исчезает, на Chrome — остаётся.

[krasab]

Хром все кэширует. Обнулите кэш браузера.

[Stephanvs]

Делал — всё равно всё так же.

[LavIgor]

Могу посоветовать только эксперименты.
Я тоже столкнулся со странностями в Chrome, такой уж браузер.

[Stephanvs]

Вылечилось очень просто:

Код: Выделить всё

.online-ribbon {
opacity: 0.8;
z-index: 29;
}

Но есть ещё одна проблема. Как заставить индикатор автоматически подстраиваться под размер аватара в просмотре профиля? Если нельзя выставить автоматическую подстройку, то как правильно выставить значения left, width, height для профиля — ведь в просмотре темы пришлось для онлайн-статуса выставлять фиксированные значения этих параметров (80 px). Размер профиля в теме выставлен 150 px (при 200 px и в теме отображается всё так же, как и на картинке ниже).