У меня сейчас две проблемы с моей страницей

http://jsfiddle.net/aE2BB/1/

1-й, когда я наводю курсор на администрирование, затем перехожу к одному из подпунктов, цвет шрифта становится серым.

2-й Я не могу понять, как сделать фон подэлементов прозрачным на 80%, используя цвет #ffffff. Я хочу, чтобы фиолетовый оставался в основном предмете, пока вы его не оставите.

Может кто-нибудь мне помочь?

1
iPhoneDev85 28 Авг 2011 в 19:24

2 ответа

Лучший ответ

[обновление jsfiddle]

1) Управлял этим с помощью соответствующих селекторов CSS:

#navigation li.border:hover > a,
#navigation ul.sub-level a:hover {
    text-decoration:none;
    color: #fff;
}

Это означает: «Выберите непосредственный дочерний элемент a li.border при наведении курсора (это заголовок меню), а также выберите все элементы a под ul.sub-level, над которыми наведен курсор.

2) Не уверен, что правильно понял, что вы хотели - соответствует ли мое обновление вашим потребностям? Я добавил немного прозрачности, а также добавил -moz-opacity: 0.6; для кроссбраузерной совместимости.

2
emboss 28 Авг 2011 в 15:57

Первый связан с вашим наведением. При наведении курсора на элемент его текст становится белым. Затем вы наводите указатель мыши на подэлемент, а не над самим предметом, поэтому очевидно, что он возвращается к своему серому цвету по умолчанию. Вы можете исправить это с помощью javascript, добавив onmouseover = "" ко всей границе, частью которой являются элемент и подэлементы, и разрешив javascript установить белый цвет, а не только CSS. Не уверен, что это возможно только с помощью CSS.

Второй, думаю, у меня есть идея. Я не думаю, что можно просто сделать фон прозрачным, просто дайте div субэлементов непрозрачность 0,8 или 80 для IE и создайте div только для текста с непрозрачностью, установленной на 100.

Надеюсь, это поможет?

0
Gerard 28 Авг 2011 в 15:47