Сделать фон за логотипом PNG прозрачным при наведении (новичок)

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

Сайт: www.nebdat.com.

Я понял, что этот раздел называется p-logo, и попробовал следующее:

#p-logo:hover { background-color: transparent !important; }

Хотя, похоже, это ничего не делает. Однако, когда я пытаюсь:

#p-logo:hover { opacity: 0; }

логотип и фон становятся прозрачными, поэтому я знаю, что это правильное название объекта. Однако я хочу, чтобы название логотипа осталось.

Я надеюсь, что в этом есть смысл. Я новичок в этом.

Надеюсь, у вас есть совет.

Спасибо,

JT


css mediawiki
person JT Bowlin    schedule 05.06.2013    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Это должно сделать это:

#p-logo > a {
    background: transparent;
}

Это не изображение, у которого есть фон при наведении, это тег привязки.

person Sean    schedule 05.06.2013
comment
Работал отлично! Спасибо за вашу помощь. - person JT Bowlin; 06.06.2013
comment
Кстати, как ты это понял? Я использовал Firebug, и он должен зависать, а не › a, если только я его не пропустил. - person JT Bowlin; 06.06.2013

arrow_upward
3
arrow_downward 

@media screen
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}

Это вызывает это.

person Jonathan    schedule 05.06.2013

arrow_upward
0
arrow_downward

Вам не нужно переопределять его, вы можете просто удалить его. Найдите и удалите этот код из load.php:

img:hover{background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat;background:white url(http://www.nebdat.com/wiki/skins/common/images/Checker-16x16.png?2013-05-25T13:38:20Z) repeat!ie}
person Omega    schedule 05.06.2013