호버 (초보자)에서 투명한 PNG 로고 뒤에 배경 만들기

Question

나는 웹 사이트에서 일하고 있으며 한 가지로 고심하고 있습니다. 기본적으로 메인 로고 위로 마우스를 가져 가면 로고의 배경이 희게 보이고 끔찍하게 보입니다. 나는 세 가지 다른 브라우저에서 이것을 시도했다. 마우스 포인터가 링크 표시기로 변경된 것 외에도 마우스 오버시 다른 시각적 변경은 원하지 않습니다. 이것이 도움이된다면 이것은 부트 스트랩 기반의 미디어 위키 테마입니다.

사이트입니다 : 그 부분은 P-로고라는 것을 알아 냈어요 다음과 같은 시도 www.nebdat.com

:

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

하지만 아무것도하지 않는 것. 그러나 시도 할 때 :

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

로고 및 배경이 모두 투명하게 표시되므로 개체의 올바른 이름이라는 것을 알고 있습니다. 그러나 로고 이름을 남기고 싶습니다.

나는 그것이 의미가 있기를 바랍니다. 나는 이것에 아주 새로운 것이다.

희망 사항이 있습니다.

감사합니다,

JT를 일으키는

Answer 1

이 그것을 수행해야합니다

그것은 호버에 배경을 가지고 이미지 아니다

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

, 그것은 앵커 태그입니다.

Answer 2

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

.

Answer 3

재정의 할 필요는 없으며 간단히 제거 할 수 있습니다. 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}