悬停时图像移动:解决 Chrome 不透明度问题
将鼠标悬停在特定网页上的缩略图上时,图像明显向右移动在 Chrome 上。尽管定义了图像样式的不透明度值,但仍然会出现此问题。
要解决此问题,请应用 -webkit-backface-visibility:hidden;悬停元素的属性解决了这个问题。此属性解决了与变换相关的特定于 Chrome 的行为,该行为在调整不透明度时似乎会影响图像的位置。
有关进一步说明,请参阅 https://css 上有关 backface-visibility 的 CSS-Tricks 指南-tricks.com/almanac/properties/b/backface-visibility/.
以上是为什么我的图像在 Chrome 悬停时向右移动,尽管采用了不透明度样式?的详细内容。更多信息请关注PHP中文网其他相关文章!