Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS不透明度现在在Chrome和Edge中有所不同-这是一个bug吗?_Css_Google Chrome_Microsoft Edge_Opacity - Fatal编程技术网

CSS不透明度现在在Chrome和Edge中有所不同-这是一个bug吗?

CSS不透明度现在在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

因此,在我的web应用程序中,我有一个菜单,我喜欢显示有点透明度和背景模糊,它总是工作得很好,但昨天我注意到Chrome现在呈现菜单的方式不同了,我想知道这是一个bug还是一个永久性的更改,需要我更改代码

我在这里比较Chrome版本85.0.4183.102Edge版本85.0.564.51。请注意,这不是许多人在windows计算机上仍然使用的原始边缘浏览器,而是使用与Chrome相同的渲染引擎的“新”边缘

Edge中,菜单是这样的(在Chrome中也是这样)

现在,这就是它在Chrome中的外观

这是我的CSS

.menubaroptions {
    backdrop-filter: blur(6px);
    opacity: 0.85;
}

现在,如果我将不透明度更改为0.95,那么它在Chrome中看起来不错(虽然模糊设置现在似乎也被完全忽略),但是很明显,我在Edge中几乎失去了所有透明度。还有其他人注意到这个变化吗?在下一次更新中,我是否正确地假设Edge也将使用此新的不透明度计算?是否有一些标准已经改变,或者这是Chrome中的一个缺陷?

我与您使用相同版本的Chrome和Edge,但我无法重现这个问题。它们在铬和边上看起来一样。您可以在Chrome和Edge中查看此示例:。感谢提供示例代码。你是对的,你的示例在两种浏览器上看起来都一样,但是你的85%不透明度的示例看起来与我在Chrome上遇到的问题相似,并且比我在Edge上85%的示例更透明,但是你在Edge上的示例看起来与我在Chrome上的示例相同。啊。