虽然 CSS 颜色rgba(255,255,255,0)
and rgba(0,0,0,0)
显然是相同的,即transparent
,当被视为纯色时,它们会影响渐变中的中间颜色:
linear-gradient(left center, rgba(0,0,0,0), rgba(255,255,255,1))
这会在两端之间产生灰色半透明色调。
现在我的问题是:
浏览器会选择“正确”的颜色吗transparent
自动还是固定颜色(最有可能是“黑色透明”或“白色透明”)?
浏览器之间有什么不同吗?
虽然颜色模块状态 that transparent
意思是一样的rgba(0, 0, 0, 0)
,颜色在 CSS 渐变中的表现略有不同。图像值模块状态颜色停止点应在预乘 RGBA 颜色空间中进行插值。这意味着浏览器应该在色标之间的过渡期间保留 RGB 颜色,并且灰色半透明色调不应该存在。
截至 2012 年 10 月底,只有 IE10 和 Opera 可以正确执行此插值,这样灰色部分就不会出现,并且您会得到纯白色的 0% 到 100% Alpha 渐变。其他浏览器显示灰色部分,这是不正确的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)