这是一个惊喜。以下代码似乎没有给我屏幕上的实际颜色:
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(使用前将#替换为@)