首页 > web前端 > css教程 > 正文

为什么我的图像在 Chrome 悬停时向右移动,尽管采用了不透明度样式?

DDD
发布: 2024-10-26 01:36:02
原创
682 人浏览过

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

悬停时图像移动:解决 Chrome 不透明度问题

将鼠标悬停在特定网页上的缩略图上时,图像明显向右移动在 Chrome 上。尽管定义了图像样式的不透明度值,但仍然会出现此问题。

要解决此问题,请应用 -webkit-backface-visibility:hidden;悬停元素的属性解决了这个问题。此属性解决了与变换相关的特定于 Chrome 的行为,该行为在调整不透明度时似乎会影响图像的位置。

有关进一步说明,请参阅 https://css 上有关 backface-visibility 的 CSS-Tricks 指南-tricks.com/almanac/properties/b/backface-visibility/.

以上是为什么我的图像在 Chrome 悬停时向右移动,尽管采用了不透明度样式?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!