Javascript 我们是否可以将所有RGB颜色组合颜色指定为html正文背景,并动态设置特定部分的颜色
我的问题可能很奇怪,但我只是想知道实现这一目标的可能性 我有一张(0,0,0)到(255255)的所有组合的图像 很容易将其用作html正文的背景 但是不使用图像,是否可以填充身体 使用CSS颜色属性的背景色是否与图像相似 希望你能理解我的问题 更新: 我们可以获得页面特定部分的颜色属性吗。 我的意思是,我想得到的区域的颜色是从顶部位置的3倍。这样我就可以动态地将它分配给另一个div 假设我有一个固定的标题,并不断滚动 这一页。那么如何动态更改标题的颜色呢 这等于正在滚动的顶部2px部分Javascript 我们是否可以将所有RGB颜色组合颜色指定为html正文背景,并动态设置特定部分的颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的问题可能很奇怪,但我只是想知道实现这一目标的可能性 我有一张(0,0,0)到(255255)的所有组合的图像 很容易将其用作html正文的背景 但是不使用图像,是否可以填充身体 使用CSS颜色属性的背景色是否与图像相似 希望你能理解我的问题 更新: 我们可以获得页面特定部分的颜色属性吗。 我的意思是,我想得到的区域的颜色是从顶部位置的3倍。这样我就可以动态地将它分配给另一个div 假设我有一个固定的标题,并不断滚动 这一页。那么如何动态更改标题的颜色呢 这等于正在滚动的顶部2px部分 一般
一般来说,这是一个梯度
您可能无法获得每种颜色,因为它们只允许线性渐变(尽管通过将div链接在一起,您可能会得到)。这一通用术语是渐变
您可能无法获得每种颜色,因为它们只允许线性渐变(尽管通过将div链接在一起,您可能可以)。是的,请使用CSS渐变。您可以使用以下在线工具自动生成它们: 我为您创建了一个名为Shnazy的: CSS
#酷{
高度:1000px;
背景:#ffb76b;/*旧浏览器*/
背景:莫兹线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#ff6b6b 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%);/*FF3.6+*/
背景:-webkit渐变(线性、左上、左下、颜色停止(0%、#ffb76b)、颜色停止(10%、#ff0509)、颜色停止(22%、#ff6b6b)、颜色停止(36%、#fff76b)、颜色停止(52%、#2AF00)、颜色停止(65%、#6FFF5)、颜色停止(80%、#6b6dff)、颜色停止(100%、#ff05ea))/*铬、Safari4+*/
背景:-webkit线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#ff6b6b 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%)/*铬10+,Safari5.1+*/
背景:-o型线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#ff6b6b 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%)/*Opera 11.10+*/
背景:-ms线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#FF6B 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%);/*IE10+*/
背景:线性梯度(至底部,#ffb76b 0%,#ff0509 10%,#FF6B 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%)/*W3C*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff05ea',GradientType=0);/*IE6-9*/
}
HTML
是,使用CSS渐变。您可以使用以下在线工具自动生成它们: 我为您创建了一个名为Shnazy的: CSS
#酷{
高度:1000px;
背景:#ffb76b;/*旧浏览器*/
背景:莫兹线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#ff6b6b 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%);/*FF3.6+*/
背景:-webkit渐变(线性、左上、左下、颜色停止(0%、#ffb76b)、颜色停止(10%、#ff0509)、颜色停止(22%、#ff6b6b)、颜色停止(36%、#fff76b)、颜色停止(52%、#2AF00)、颜色停止(65%、#6FFF5)、颜色停止(80%、#6b6dff)、颜色停止(100%、#ff05ea))/*铬、Safari4+*/
背景:-webkit线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#ff6b6b 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%)/*铬10+,Safari5.1+*/
背景:-o型线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#ff6b6b 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%)/*Opera 11.10+*/
背景:-ms线性梯度(顶部,#ffb76b 0%,#ff0509 10%,#FF6B 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%);/*IE10+*/
背景:线性梯度(至底部,#ffb76b 0%,#ff0509 10%,#FF6B 22%,#fff76b 36%,#2AF00 52%,#6FFF5 65%,#6b6dff 80%,#ff05ea 100%)/*W3C*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff05ea',GradientType=0);/*IE6-9*/
}
HTML
我想动态更改网页上菜单的颜色。因此,如果用户滚动到一定程度,我希望更改菜单的颜色,使其与背景颜色相匹配。我希望动态更改驻留在网页上的菜单的颜色。因此,如果用户滚动到某种程度,我想改变菜单的颜色,使其与背景颜色相匹配。