CSS不透明度现在在Chrome和Edge中有所不同-这是一个bug吗?
因此,在我的web应用程序中,我有一个菜单,我喜欢显示有点透明度和背景模糊,它总是工作得很好,但昨天我注意到Chrome现在呈现菜单的方式不同了,我想知道这是一个bug还是一个永久性的更改,需要我更改代码 我在这里比较Chrome版本85.0.4183.102和Edge版本85.0.564.51。请注意,这不是许多人在windows计算机上仍然使用的原始边缘浏览器,而是使用与Chrome相同的渲染引擎的“新”边缘 在Edge中,菜单是这样的(在Chrome中也是这样) 现在,这就是它在Chrome中的外观 这是我的CSSCSS不透明度现在在Chrome和Edge中有所不同-这是一个bug吗?,css,google-chrome,microsoft-edge,opacity,Css,Google Chrome,Microsoft Edge,Opacity,因此,在我的web应用程序中,我有一个菜单,我喜欢显示有点透明度和背景模糊,它总是工作得很好,但昨天我注意到Chrome现在呈现菜单的方式不同了,我想知道这是一个bug还是一个永久性的更改,需要我更改代码 我在这里比较Chrome版本85.0.4183.102和Edge版本85.0.564.51。请注意,这不是许多人在windows计算机上仍然使用的原始边缘浏览器,而是使用与Chrome相同的渲染引擎的“新”边缘 在Edge中,菜单是这样的(在Chrome中也是这样) 现在,这就是它在Chro
.menubaroptions {
backdrop-filter: blur(6px);
opacity: 0.85;
}
现在,如果我将不透明度更改为0.95,那么它在Chrome中看起来不错(虽然模糊设置现在似乎也被完全忽略),但是很明显,我在Edge中几乎失去了所有透明度。还有其他人注意到这个变化吗?在下一次更新中,我是否正确地假设Edge也将使用此新的不透明度计算?是否有一些标准已经改变,或者这是Chrome中的一个缺陷?我与您使用相同版本的Chrome和Edge,但我无法重现这个问题。它们在铬和边上看起来一样。您可以在Chrome和Edge中查看此示例:。感谢提供示例代码。你是对的,你的示例在两种浏览器上看起来都一样,但是你的85%不透明度的示例看起来与我在Chrome上遇到的问题相似,并且比我在Edge上85%的示例更透明,但是你在Edge上的示例看起来与我在Chrome上的示例相同。啊。