本文揭秘了在HTML中使用非标准颜色名如'chucknorris'时，浏览器如何解析并转换为实际颜色。通过实例和原理，理解浏览器如何处理这些特殊的输入，并发现'chucknorris'为何有时产生红色背景。
在HTML中作为背景色输入时，某些随机字符串如何产生颜色？例如：
<body bgcolor="chucknorris"> test </body>
...在所有浏览器和平台上产生背景为红色的文档。
有趣的是，虽然chucknorri也会产生红色背景，但也会chucknorr产生黄色背景。
这里发生了什么？
解决方案：
大多数浏览器将只忽略颜色字符串中的任何非十六进制值，而将非十六进制数字替换为零。
ChuCknorris转换为c00c0000000。此时，浏览器会将字符串分为三个相等的部分，分别指示Red，Green和Blue值：c00c 0000 0000。每个部分中的多余位都将被忽略，从而使最终结果#c00000为带红色的颜色。
请注意，这并不能适用于CSS颜色解析，它遵循CSS标准。
<p><font color='chucknorris'>Redish</font></p>
<p><font color='#c00000'>Same as above</font></p>
<p><span style="color: chucknorris">Black</span></p>
扫一扫
29
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
