호버 변경 불투명도

Question

저는 curently 내 웹 사이트를 만들고 wordpress에서 siteorigin 페이지 빌더를 사용하고 있습니다. 문제는 마우스를 가져갈 수있는 옵션이 없기 때문에 배경색에 마우스를 가져 가면 맞춤 CSS가 생성됩니다. 배경의 특정 "div"또는 "child"에 마우스를 가져 가면 나머지 부분과 달리이 부분의 불투명도가 변경됩니다. 여기에 문제를 보여주는 사진이 있습니다.

hover problem

당신이 볼 수 있듯이, 파란색은 ".featr"라는 배경의 클래스에 적용되는 동일한 규칙으로의 differents 있습니다.

어떤 도움이 필요합니까?

.featr:hover 

하지 : : 감사

Answer 1

호버 선택은해야한다이 경우에, 그래서 클래스를 따라야합니다

.featr :hover 

그래,하지만 도움이 필요하면 모든 코드를 게시 할 수 있습니다. 난 당신이 그래서 당신은 배경 색상의 시작을 명시 할 필요가 아래에 의견을 응답으로 전환

필요하다고 생각하지 않습니다 (.featr) 후 종료 상태 (.featr : 호버). 전환은 배경 CSS를 사용하고 30 초 동안 Linearly를 완화합니다. 아래의 모든 전환 선은 각 브라우저마다 다르게 작동하므로 아래에 모든 전환 선을 포함해야합니다.

.featr { 
background:rgba(0,0,0,1); 
-o-transition: background 0.5s linear; 
-moz-transition: background 0.5s linear; 
-khtml-transition: background 0.5s linear; 
-webkit-transition: background 0.5s linear; 
-ms-transition: background 0.5s linear; 
transition: background 0.5s linear; 
} 

.featr:hover { 
background:rgba(0,0,0,0.5); 
}