关于背景色渐变的问题

问题描述：

请高人们来帮我解决下这个问题。

客户的另类需求：

1。支持FF，和IE至少兼容这2个浏览器，实现颜色渐变效果（直接把IE的滤镜功能抹杀。）

2。使用颜色渐变的图片，填充整个背景色（至少本人认为这个又不怎么消耗资源，又兼容所有浏览器，又满足他要的效果）。结果被客户回绝，指定要用JS实现。（不知道哪里听来的，说我这个图片填充不好）交涉失败，客户是上帝，只能用JS做。

3。问题来了，网上查了半天的资料，在JS里实现了颜色的剃度表现，就如同IE的滤镜功能垂直分布的效果。可是客户要求水平渐变。修改了DIV的CSS表示，基本达到那个效果了，可是原本要显示在里面的内容都被生成后的东西覆盖掉了。本人对这个CSS也不是很了解，下面是我的代码：

这里是要显示的文字内容

以下是JS（省略许多），这个JS就是把"idGrads"里生成很多的

来实现也色的渐变，可是这样我要显示的文字内容就被覆盖掉了，不知道怎么搞。其实就是要做到IE滤镜所实现的效果那样，文字背后的背景颜色渐变显示。附件是我要实现的效果
[img]http://dl.iteye.com/upload/attachment/175995/dbf1f411-c55b-3e56-a4dc-d04feed18b4d.bmp[/img]

<br> ($$("idGradsSet").onclick = function(){<br> var colors = ColorGrads(["#fff", $$("idGradsColor").value], 50);<br> $$("idGrads").innerHTML = $$A.map(colors.concat().concat(colors.reverse()), function(x){<br> return "<div style='background:rgb(" + x.join(",") + ")'></div>";<br> }).join("");<br> })()<br>

[b]问题补充：[/b]
jquery本身封装好的方法？具体的是什么？

答

你可以用jquery本身封装好的方法来实现嘛，跨浏览器兼容的

关于背景色渐变的问题

相关推荐