0

Chrome 브라우저에서 HTML 페이지를 코딩하고 이상한 동작이 감지되었습니다.CSS 백그라운드 위치 변경 - Chrome 버그

스프라이트 이미지의 png 화살표가있는 사용자 정의 드롭 다운이 있습니다. 내가 달성하고자하는 것은 드롭 다운이 열렸을 때 화살표를 다른 화살표로 변경하는 것입니다.

스프라이트를 준비 할 때 SASS를 사용하고 있습니다. 드롭 다운이 열리거나 끌리면 스프라이트 이미지의 background-position이 변경됩니다.

Chrome에서 드롭 다운을 종료하면 이전 및 새 화살표를 모두 볼 수 있습니다. 그것은 다음과 같습니다 chrome background-position bug

크롬 버전 : 여기 39.0.2171.99

working example of dropdown이다.

IE와 Firefox가 좋아 보인다. 해결 방법은 무엇입니까?

답변

0

일시적인 대안을 찾았습니다.

요소에 transform3d: (0,0,0) 설정을 변경하면 background-position 변경 사항이 버그를 해결합니다.