0

我正在使用 Bootstrap 4。但是当打开下拉组件时，字体颜色略有变化。

在寻找一些可能是问题的颜色定义（没有）之后，我发现了一些奇怪的东西：当我禁用下拉元素的transformand属性时，字体颜色会以某种方式受到影响。will-change在此处查看视频： https ://www.dropbox.com/s/xkhl4m6enwvdzcd/Video%20color%20bug.mov?dl=0

它在 Google Chrome 和 Cinema Display（视频）中最为明显。

似乎亚像素字体渲染也受到了影响：请参见此处的屏幕截图。有趣的是：字体颜色在关闭时渲染得更准确。

在 Safari 中也会出现字体渲染问题...

知道这里发生了什么吗？

（我可以发布一个代码笔，或者在视频中查看它的 ID。）

4

1 回答 1

2

正如Ilya Streltsyn和giovannipds在此处和此处的评论中提到的那样，这是 alpha 合成（亚像素渲染）的正常副作用，这是浏览器作为硬件加速渲染 (GPU) 的一部分执行的操作，由will-change和带来transform。

于 2017-10-13T08:06:09.480 回答