getCompatedStyle 给出“透明”而不是实际的背景颜色

2023-11-24

这是一个惊喜。以下代码似乎没有给我屏幕上的实际颜色:

h1 = document.querySelector("h1");
window.getComputedStyle(h1).color

Gives rgb(0, 0, 0)我认为这是正确的。然而

window.getComputedStyle(h1).backgroundColor

gives rgba(0, 0, 0, 0)。我在屏幕上看到的实际背景颜色是白色。

我称之为 h1 的元素在屏幕上可见。我期待获得实际的背景颜色。我上面得到的值(以 rgba 表示)没有错误,但也不是很有用。它只是告诉我背景是完全透明的 - 这不是一种颜色。

如何获取 RGB 中的实际背景颜色?


如果您设置背景颜色: rgba(255, 255, 255,0) 在你的 CSS 中;getComputedStyle()将返回transparent(在某些浏览器中)而不是您的 rgba 值。

解决这个问题的简单方法是将 alpha 设置为高于 0 的值 RGBA(255, 255, 255,0.01);这将返回 rgba(255, 255, 255,0.01)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

getCompatedStyle 给出“透明”而不是实际的背景颜色 的相关文章