jquery css，css渐变
jquery css，css渐变
提问于 2012-10-02 03:14:45
我尝试使用jquery css特性将css渐变应用到特定的div，但似乎不能很好地工作。我无法访问样式表，并且遇到了问题，因为我正在尝试多次应用它来解决跨浏览器问题。我只是不太确定为什么这不起作用，你有什么想法吗？
$(document).ready(function() {
//Build your CSS.
var gradient1 = {
"background": "-moz-linear-gradient(top, #fbfbfb 0%, #f4f4f5 100%)"
};
var gradient2 = {
"background": "-webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f5 100%)"
};
var gradient3 = {
"background": "-o-linear-gradient(top, #fbfbfb 0%,#f4f4f5 100%)"
};
var gradient4 = {
"background": "-ms-linear-gradient(top, #fbfbfb 0%,#f4f4f5 100%); /* IE10+ */ background: linear-
gradient(to bottom, #fbfbfb 0%,#f4f4f5 100%)"
};
var gradient5 = {
"filter": " progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb, endColorstr=# f4f4f5)"
};
//Apply your CSS to the body tag. You can enter any tag here, as
//well as ID's and Classes.
$("#service_DESCRIPTION").css(gradient1);
$("#service_FAQ").css(gradient1);
$("#service_DESCRIPTION").css(gradient2);
$("#service_FAQ").css(gradient2);
$("#service_DESCRIPTION").css(gradient3);
$("#service_FAQ").css(gradient3);
$("#service_DESCRIPTION").css(gradient4);
$("#service_FAQ").css(gradient4);
$("#service_DESCRIPTION").css(gradient5);
$("#service_FAQ").css(gradient5);
});回答 3
Stack Overflow用户
发布于 2012-10-02 09:09:15
在gradient4中，linear-和gradient之间有空格。
Stack Overflow用户
发布于 2017-11-14 16:21:01
删除此命令：
; /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%,#f4f4f5 100%)Stack Overflow用户
发布于 2018-09-21 03:05:22
嗯，您可以尝试使用css jquery方法来重复添加样式操作，将所有内容放在同一个对象中，然后只做一次，就像下面这样：How to define multiple CSS attributes in jQuery?
除此之外，我真的不确定这是不是原因，但是，你在结束引用之前加上了";“：
"-ms-linear-gradient(top, #fbfbfb 0%,#f4f4f5 100%); /* IE10+ */ background: linear- 渐变(到底部，#fbfbfb 0%，#f4f4f5 100%)“
在这里：“-ms-线性梯度(顶部，#fbfbfb 0%，#f4f4f5 100%); /* IE10+ */ background:线性梯度(到底部，#fbfbfb 0%，#f4f4f5 100%)”
就在评论之前，你也应该避免在那里
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12679535
复制相关文章
相似问题
腾讯云开发者
