동적 배경 이미지를 지우시겠습니까?

Question

동적으로 설정된 배경 이미지가있는 여러 div가있는 AngularJS 프론트 엔드가 있습니다.

<div ng-style="{'background-image' : 'url(path/to/image/' + imageFile + ')'}"> 

대응하는 마우스 입/퇴장 이벤트에서이 이미지를 중성의 흰색 배경색에서 /로 희미하고 싶습니다.

저는 CSS3 전환을 사용하여이 작업을 수행 할 수 있음을 알고 있습니다. 그러나 저는 CSS3 클래스에서 정적으로 정의 된 배경 이미지로이를 수행하는 방법 만 알고 있습니다. 어떻게 동적 배경 이미지로 이것을합니까?

Answer 1

background-image은 이미 "정상적인"상태로 설정되어 있기 때문에 그걸 어지럽히 지 않으려 고합니다. hover 효과를 시도 할 수 있으며 :not 의사를 사용합니다.

을 흰색으로 설정하고 divier로 설정하면 :not(:hover) 선택기가 만들어집니다. 마우스를 가져 가면 마우스가 배경으로 희미 해집니다.

그냥 아이디어가 있습니다. 도움이되기를 바랍니다.