>  기사  >  웹 프론트엔드  >  불투명도 스타일에도 불구하고 Chrome 마우스 오버 시 이미지가 오른쪽으로 이동하는 이유는 무엇입니까?

불투명도 스타일에도 불구하고 Chrome 마우스 오버 시 이미지가 오른쪽으로 이동하는 이유는 무엇입니까?

DDD
DDD원래의
2024-10-26 01:36:02673검색

Why Does My Image Shift Right on Chrome Hover, Despite Opacity Styling?

마우스를 올리면 이미지가 이동합니다: Chrome 불투명도 문제 해결

특정 웹페이지에서 썸네일 위로 마우스를 가져가면 이미지가 눈에 띄게 오른쪽으로 이동합니다. 크롬에서. 이 문제는 이미지 스타일의 불투명도 값을 정의함에도 불구하고 발생합니다.

이 문제를 해결하려면 -webkit-backface-visibility: hide; 호버 요소에 대한 속성을 사용하면 문제가 해결됩니다. 이 속성은 불투명도가 조정될 때 이미지의 위치에 영향을 미치는 것으로 보이는 변환과 관련된 Chrome 관련 동작을 다룹니다.

자세한 내용은 https://css에서 뒷면 가시성에 대한 CSS-Tricks 가이드를 참조하세요. -tricks.com/almanac/properties/b/backface-visibility/.

위 내용은 불투명도 스타일에도 불구하고 Chrome 마우스 오버 시 이미지가 오른쪽으로 이동하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.