代码之家 › 专栏 › 技术社区 › Mark

jquery css3渐变插件

gradients css jquery

Mark · 技术社区 · 14 年前

有人知道jquery css3插件支持跨浏览器渐变吗。到目前为止,我看到的所有渐变插件都是基于创建许多元素。

编辑:很抱歉不清楚,我不想让CSS3在不支持它的浏览器上工作。我知道我可以在支持CSS3渐变的浏览器上使用渐变,也可以使用IE过滤器。我想看看是否有人已经编写了jQuery插件,这样我就可以在代码中完成它。

elem.css('opacity', '.5') 所以它可以跨浏览器工作,而不考虑不同的语法。也在找这样的梯度。

但如果它不存在,我想我还是自己写吧。

6 回复 | 直到 14 年前

FelipeAls 14 年前

Mmmmm, pie.

CSS3PIE -Â Progressive Internet Explorer - makes Internet Explorer 6-8 capable
of rendering several of the most useful CSS3 decoration features.

这个 .htc

oezi 14 年前

注: supports 梯度自。。。我一直记得

ScottS 14 年前

不特别是jQuery,但是使用Raphael(javascript图形库)可以设置跨浏览器渐变。请参见下面的设置 http://raphaeljs.com/reference.html#attr .

注意:这是一个矢量图形库实现,根据浏览器的不同使用各种技术来实现其效果。

tcooc 14 年前

创建渐变的唯一跨浏览器方法是创建具有更改背景颜色的元素。支持moz、webkit和IE浏览器,有3条规则(每个渐变):

/* IE */
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff00,endColorstr=#00000000);
/* webkit(Safari, Chrome) */
-webkit-gradient(linear,left bottom,right bottom,color-stop(1, rgb(0,0,0)),color-stop(0, rgb(255,255,255)));
/* mozilla(Firefox) */
-moz-linear-gradient(left center,rgb(0,0,0) 100%,rgb(255,255,255) 0%);

Community Tales Farias 7 年前

如果你觉得编码CSS3梯度很困难,你可以尝试CSS3梯度生成器。你可以找到一个梯度列表 here .

Mark 13 年前

今天您将使用csshook跨浏览器执行jquery渐变。