1

我正在尝试使用 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);

});
4

3 回答 3

0

在和gradient4之间有空格。linear-gradient

于 2012-10-02T01:09:14.663 回答
0

好吧，您可以尝试使用 css jquery 方法而不是重复添加样式操作，将所有内容放在同一个对象中并执行一次，例如：如何在 jQuery 中定义多个 CSS 属性？

除此之外，不确定是否是这个原因，但是，您输入“；” 在关闭报价之前：

    "-ms-linear-gradient(top,  #fbfbfb 0%,#f4f4f5 100%); /* IE10+ */ background: linear-

渐变（到底部，#fbfbfb 0%，#f4f4f5 100%）"

在这里：“-ms-linear-gradient(top, #fbfbfb 0%,#f4f4f5 100%) ; /* IE10+ */ background: linear- gradient(to bottom, #fbfbfb 0%,#f4f4f5 100%)”

就在评论之前，你也应该避免在那里

于 2018-09-20T19:05:21.640 回答
0

删除这个：

; /* IE10+ */ background: linear-gradient(to bottom,  #fbfbfb 0%,#f4f4f5 100%)
于 2017-11-14T08:21:00.587 回答