我设计了一个透明度很高的页面。它的一些部分使用了半透明的CSS3渐变。现在这些渐变效果很好，但是火狐对它们和jQuery有问题。如果存在半透明的CSS3渐变，则页面上的大多数jQuery动画都会变得不稳定。
有没有什么jQuery方法可以生成渐变？这将有助于消除firefox中动画的波动性吗？
浏览 3提问于2012-08-13得票数 2
回答已采纳
1回答
我试图在SpriteKit中创建一个渐变纹理。
要做到这一点，我必须使用CAGradientLayer并呈现一个图像。我的问题是如何设置颜色。
来自苹果公司的文件：
定义每个渐变停止的颜色的CGColorRef对象数组。动画片。
所以在代码中，我尝试了这个：
gradient.colors = [NSArray arrayWithObjects:[UIColor redColor].CGColor, [UIColor whiteColor].CGColor, [UIColor blueColor].CGColor, nil];
这不起作用，因为CGColorRef不是对象类型，不能发送
浏览 1提问于2015-06-21得票数 2
回答已采纳
4回答
文本渐变<h1>
、、、
我有一个h1标签文本。有没有可能用CSS给这个文本加上阴影？(最好没有JavaScript)。
有什么帮助吗？
我需要一个从#486882到#2b4356的颜色渐变
浏览 1提问于2011-11-15得票数 1
2回答
我试图从HTML视频播放器的jquery/javascript中隐藏渐变和时间线。
我把它用于CSS：
video::-webkit-media-controls-panel {
background-image: none !important;
filter: brightness(0);
}
video::-webkit-media-controls-timeline {
display: none;
}
但CSS应该只有一次视频有一个来源，所以我想添加这个CSS低谷javascript。这允许我添加条件。
我尝试了以下几种方法，但在这样做时似乎没有什么改变：
浏览 1提问于2019-02-16得票数 2
回答已采纳
6回答
有谁知道支持跨浏览器渐变的jquery css3插件。到目前为止，我看到的所有渐变插件都是基于创建许多元素的。
谢谢。
编辑:很抱歉说得不清楚，我不想让CSS3在不支持它的浏览器上工作。我知道我可以在支持CSS3渐变的浏览器上使用渐变，也可以使用IE过滤器。我正在尝试看看是否有人已经编写了jQuery插件，这样我就可以在代码中做到这一点。
例如，jquery核心对elem.css('opacity', '.5')进行了标准化，这样它就可以跨浏览器工作，而不用考虑不同的语法。也在寻找类似于梯度的东西。
但如果它不存在，我想我还是自己写吧。
浏览 1提问于2010-07-26得票数 4
回答已采纳
所以我试图让短篇故事的每一段都有评论，当你点击它们的时候，评论也会根据每个段落中评论的数量以不同强度的渐变来改变颜色。
到目前为止，它看起来像这样：
我正在使用“简易评论”Jquery插件在我的每个手风琴中添加评论--这很有效--但是当我要让段落根据评论的数量或者仅仅是存在的时候改变颜色时，我遇到了一个难题。
这是我最后一个好主意，但我不能让它起作用，我不知道为什么：
if ($("#paragraph1 .ec-comment-pane div.ec-total:contains('0')")>0) {
$("#h31").
浏览 0提问于2013-01-02得票数 2
回答已采纳
1回答
有人能告诉我这段代码有什么问题吗？
Html：
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="js/jquery-1.7.1.js
浏览 3提问于2012-01-10得票数 2
回答已采纳
2回答
我对jQuery幻灯片中的渐变感到困惑，所以只有当点击链接时，渐变才会变得可见。这同样有效--我的问题是，渐变并不能填充放置在其中的整个包装器，而是留下一个很小的间隙，顶部和底部。
下面是一个示例链接：
如您所见，在打开幻灯片并显示渐变后，#包装器的绿色背景颜色在顶部和底部可见--我如何修复这个问题？
提前感谢！
浏览 0提问于2014-10-07得票数 0
回答已采纳
7回答
我正在尝试用jQuery构建一个从一个渐变到另一个渐变的背景动画。我知道您可以使用.animate()函数来更改纯色背景颜色，但是渐变也可以这样做吗？
这里有一个很好的例子，来自一些旧的Digg风格的评论。我希望做这样的事情，从绿色到黄色的动画
浏览 1提问于2012-06-10得票数 5
回答已采纳
1回答
我正在尝试配置这个jquery表分类器，当它被点击时有箭头。我遇到的问题是，我的列有一个渐变背景，背景图像不会出现在渐变上。当我使用简单的"background-color:#000000“时，它可以工作。
你知道如何让它在渐变上看起来像在普通背景色上一样吗？
谢谢，克雷格
浏览 3提问于2011-09-07得票数 3
1回答
我是jQuery新手，我遇到了jQuery渐变图像的一些问题，请给我一些解决方案
我有一个div，垂直地分为三部分，左边，中间，right.The div有一个背景图像(也就是渐变)，.and在div中有一些数据。我希望当用户在div中输入更多数据时，图像高度应该增加
我们可以使用jQuery增加梯度图像的高度吗？请给我一些参考网站或解决方案
浏览 1提问于2011-03-31得票数 0
1回答
需要检查单击元素的背景是渐变还是实色。
$('.title').on('click', function(){
if($(this).background.isGradient){ // how to say this?
console.log('gradient');
}
else{console.log('solid color');}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.mi
浏览 4提问于2020-03-11得票数 0
回答已采纳
2回答
我正计划将JQuery UI集成到我的应用程序中；有没有人成功地将JQuery UI样式表用于自己的自定义样式？我的意思是，HTML在圆角和渐变等方面看起来很好。我想说的是，在我的一些不使用JQuery的面板的页眉中使用一个手风琴的渐变页眉(因为它是静态JQuery )。从本质上讲，我不想创建自己的自定义样式表。
有没有人尝试过为他们的网站重用现有的样式，你有什么指导意见吗？
谢谢。
浏览 0提问于2012-01-18得票数 2
回答已采纳
1回答
要启用使用浏览器特定规则的运行时皮肤更改，我需要组合两个CSS资源功能-运行时替换和文字。
例如，为了实现动态按钮渐变，我会这样做：
button {
background: literal("-moz-linear-gradient(top, lightBg 0%, darkBg 100%)");
background: literal("-webkit-linear-gradient(top, lightBg 0%, darkBg 100%)");
background: literal("-o-linear-gradient(
浏览 6提问于2012-01-25得票数 3
回答已采纳
我目前正在处理一个div背景的问题。
我有两个div: div1和div2。
我希望div2的背景设置为两种颜色的线性渐变(比如橙色到绿色)。
当在div1上悬停时，我希望div2的线性渐变变为另一个线性渐变(例如，从红色到蓝色)，但具有“淡入”效果。
到目前为止，我在jquery网站上找到了一些可以实现这一点的东西，但只使用简单的颜色，而不是渐变。我尝试了很多东西，包括添加一些我在互联网上找到的jquery色彩管理插件，但我无法做到我想做的事情:(
我尝试从div切换类，但我无法设置一个“计时器”来实现平滑过渡。
这就是小提琴：
提前感谢您的帮助！
浏览 2提问于2011-11-18得票数 2
1回答
我有一个小的网络应用程序，我正在为自己开发。
当我单击add按钮时，它会调用一些.load函数来返回错误消息和更新后的表。
但是，它会导致渐变如下所示(查看错误消息周围以及表格的左上角/右上角)：
渐变设置为包含div的背景(绿色div中的灰色div)。jQuery加载到消息的单个<p>和表的<table>中。
我不明白为什么渐变会发生这种情况，因为它在初始页面加载时(在jQuery更新它之前)工作得很好。
有没有办法强制后台“刷新”？如果您检查元素或更改到不同的选项卡，然后返回到此选项卡，它会自动修复。
浏览 1提问于2012-09-29得票数 0
6回答
我有一个需要渐变背景的<div>。然而，div的大小是可变的，这让我回到了“无法在CSS中做渐变”的境地。
然而，我非常确定这在jQuery中是可能的，我只是似乎找不到一个像样的例子。有没有人能给我指个方向？
谢谢。
浏览 0提问于2009-01-26得票数 3
我正在尝试使按钮，将有圆角，并将有一些渐变配色方案。我知道这些类型的按钮很容易用图像制作，但由于我正在开发的应用程序的性质，我们决定不使用图像，而只使用CSS和JavaScript/JQuery。
有没有人知道什么把戏或者见过这样的东西？我尝试过JQuery圆角(，)。这些都是很好的圆角，但在内部，它们都只有扁平的颜色，没有渐变或阴影。有没有人知道有什么窍门或者任何有例子的网站？
浏览 4提问于2011-12-06得票数 1
这是我目前在Jquery Banner - 的职位
对jquery的糟糕使用表示歉意(不知道快捷方式等)。
我尝试过使用Jquery转换来创建横幅之间的渐变……但它们是有缺陷的(我认为这是因为代码删除了类，同时添加了一个类，这意味着它没有什么可以淡出的)。
我也设法用动画扩展了框，但我发现在第一次之后，动画就不再显示了。
看看我已经有的代码，有没有人能够提供指导，以实现横幅之间的渐变动画，当他们改变，并成功的高度动画，然后回到原来的？
谢谢,
卢克
浏览 0提问于2012-06-15得票数 0
回答已采纳
1回答
导入带有渐变和纹理的svg文件
、、、、
我使用的是库。
有人知道如何导入带有渐变和纹理的svg文件吗？
我使用的代码与我在公司中使用的代码相同(相同，我想也是如此，现在我不能再访问它，但我使用的代码使用的是相同的库--拉斐尔svg导入经典)。
jQuery(document).ready(function(){
jQuery.ajax({
type: "GET",
url: "assets/demo.svg",
dataType: "xml",
success: function(svgXML) {
var paper = Rap
浏览 2提问于2013-04-03得票数 0
2回答
我在元素上设置了渐变，并试图仅旋转渐变，但当我尝试旋转它时，正如您在代码片段中看到的那样，整个元素都在旋转。
有什么想法吗？
#test {
transform: rotate(180deg);
color: #d3d3d3;
background-color: #003366;
background-image: none, linear-gradient(rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
height: 200px;
width: 500px;
}
<script src
浏览 0提问于2018-02-01得票数 4
回答已采纳
我正在制作一个jquery carousel，并有一个运行的，但我需要让幻灯片在开始和结束时有一个渐变淡入淡出。
我该怎么做？-把一个图片放在容器的顶部？-在旋转木马容器的两端的div上有一个css渐变？
有附加的图片所需的效果…
浏览 3提问于2013-06-14得票数 0
回答已采纳
1回答
我有一个假设的高度:15px和宽度:300px，这将是渐变进度条动画。
假设文档是这样的：
<html>
<body>
<a href="#container3">Container 3</a>
<div id="container1" style="width:100%;height:1000"></div>
<div id="container2" style="width:100%;height:650"
浏览 1提问于2013-02-04得票数 1
3回答
CSS渐变动画
、、
我有一个按钮(锚)上有一个CSS3渐变。
当用户将鼠标悬停在按钮上时，我想将渐变动画/渐变淡出为一种颜色。
问题是我找不到怎么做--因为颜色上的jQuery UI动画只能在常规颜色上工作，不能在渐变上工作。
有什么想法吗？
谢谢!
浏览 1提问于2011-07-05得票数 7
回答已采纳
1回答
渐变跟随鼠标，但没有跟上
、、、
我已经编写了一个简单的jQuery脚本来创建一个带有延迟的径向渐变，但是由于它是在一个mousemove函数中，所以当鼠标停止移动时，渐变不会跟上。有没有一种简单的方法可以在鼠标停止时使渐变赶上鼠标，而不是编写一个不断运行的函数？ var xPos = 0;
var yPos = 0;
var dX = 0;
var dY = 0;
var repeater;
$(document).mousemove(function(event) {
windowWidth = $(window).width();
windowHeight = $(window).height();
浏览 13提问于2019-02-25得票数 3
回答已采纳
WebKit引入了创建CSS渐变的功能。例如，使用以下代码：
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
但是，是否可以使用CSS进行不透明渐变？我希望渐变在一边是单一的颜色，在另一边淡出到零不透明度。
跨浏览器兼容性并不重要；我只需要它在Google Chrome中工作。
有没有什么办法可以用CSS做到这一点呢？如果不是，是否可以使用JavaScript (而不是jQuery)来做类似的事情？
谢谢你的帮助。
浏览 1提问于2010-12-19得票数 32
回答已采纳
1回答
透明-渐变菜单
、、、
我有一个复杂的问题。我想创建一个菜单。同时只有3个元素是可见的，另外2个元素是透明渐变的。如果我在透明元素中移动光标，列表将向上或向下滚动。菜单菜单具有子级，其格式与主级相同。
下面是一个示例：
当它停止时，一切都会好起来的。第一个也是最后一个显示元素的CSS设置为线性渐变。当它移动时，我使用jquery对移动进行动画处理。但结果并不完全是我想要的。当它滚动时，看起来整个列表都在移动，而不是滚动。我只想使用jQuery的移动动画，并使用透明渐变设置整个列表，而不是列表元素。
我想我应该在列表中使用遮罩，但背景也是透明的。我的想法已经用完了。
浏览 0提问于2013-03-31得票数 2
回答已采纳
如何在UILabel上制作类似于“幻灯片解锁”文本的动画？(文本渐变是动画左>右)，然后文本颜色与背景相适应。
浏览 1提问于2013-10-01得票数 1
回答已采纳
4回答
我想知道是否有可能在边界顶部添加渐变，而不会影响边界、右或左边界，在这种情况下，这些渐变是透明的。我试着添加一个渐变颜色，但是它会影响到边框的左、右边框，我试图让边框左边和边框右边变得透明。
#borderone {
border-top: 33px solid #354658;
border-left: 33px solid transparent;
border-right: 33px solid transparent;
margin: 0 auto;
min-width: 1277px;
}
浏览 6提问于2014-05-13得票数 5
回答已采纳
3回答
有没有什么好的jQuery渐变插件。我找到了一个，但当我使用最新版本时，它使用的是旧的jQuery，所以它可能不能与最新版本一起工作。
浏览 0提问于2009-09-24得票数 7
回答已采纳
我不确定这是否可能，但我可以使用CSS/Jquery技术来创建渐变网格吗？类似这样的东西
我想随机生成这个网格，然后可能对其进行动画处理，所以我尽量避免使用图像。我甚至不确定这样的事情是否可能发生。
我在想，也许可以创建几层单独的渐变，然后将它们全部分层到一个固定的位置，并改变它们的不透明度设置？
浏览 1提问于2013-02-18得票数 15
回答已采纳
3回答
目前，我使用以下JS (jQuery)来查找其他几个div的背景色(如rgb)：
$theColor = $(this).css("background-color");
它可以完美地工作，除了使用CSS3渐变。
作为示例，我使用以下css使div的背景看起来类似于便签纸：
background: #FFFAAD; /* old browsers */
background: -moz-linear-gradient(top, #FFFAAD 0%, #FFF47D 100%); /* firefox */
background: -webkit-gradient(line
浏览 1提问于2011-05-09得票数 5
1回答
切换CSS转换
、、、
我可能用错了方法，所以如果这是一个坏习惯，请说出来。
我有一个包含复选框和标签的DIVs。DIV的样式看起来像一个按钮，我已经编写了代码，以便如果用户单击(或点击)DIV，复选框的值或状态将在选中和未选中之间切换(这不包括在下面的代码中)。
下面是DIV的…外观
<div class="funkyCheckBox">
<label for="inputName">Label Text</label>
<input type="checkbox" name="inputName" id=&
浏览 2提问于2012-10-19得票数 0
回答已采纳
2回答
CSS3渐变和背景图像
、、、
我有一个功能，当checkbox的状态改变时，它会切换其父对象的类，以提供不同的背景渐变。单击Lorem以查看其实际操作
。
问题是，在我的例子中，它不能在较大的框上工作，因为我的元素有一个指定的背景图像，我知道渐变不能存在于与背景图像相同的空间内。
有没有为元素添加背景渐变的解决方法？我不能将它添加到图像中，因为这将是动态填充的，并且不是所有的图像都具有相同的尺寸。
我完全不介意改变任何HTML/CSS。如果可以用jQuery来完成，那也很棒:)
浏览 0提问于2011-02-25得票数 4
回答已采纳
2回答
在网页中，使用CSS3存在渐变(在正文标记中)。移动下一步，添加图像(带有网站名称的徽标)，我实现了页面梯度和图像都有不同的颜色。这是因为网页有一个由CSS3生成的背景，图像有固定的颜色作为背景，两者是不同的。
我尝试了什么?添加图像作为div的背景，也作为img标记。梯度在div上的应用
但没有运气。
如何管理？请指点。
谢谢
浏览 4提问于2012-08-17得票数 0
这里我试着像往常一样在画布的ctx对象上添加线性渐变。
let canvas= $("#canvas");
let ctx=canvas[0].getContext('2d');
var gradient = ctx.createLinearGradient(0, 0, 0, 400);
gradient.addColorStop(0, 'rgba(250,174,50,1)');
gradient.addColorStop(1, 'rgba(250,174,50,0)');
我没有使
浏览 0提问于2020-09-14得票数 0
1回答
我正在尝试使用JQuery手机创建一个页面，我使用Themeroller让它看起来像我想要的那样。我使用的背景是渐变的，但它不会全屏显示，除非页面上有足够的内容来填满整个屏幕。如下图所示：
看到为什么渐变没有到达页面的底部了吗？这就是我一直坚持的.
我使用Themeroller生成的CSS文件。我试着编辑它，但它是巨大的，我不知道在哪里和什么改变。
浏览 27提问于2012-11-27得票数 1
回答已采纳
我是一家公司网站的开发人员，该网站设计了一个包含以下内容的页面：
身体背景渐变，从原色到白色，从上到下，静态。
设置标题的颜色(h1、h2、h3等)设置为白色。
我想同时遵守这两点，但是，当然，页眉并不总是位于页面的顶部，特别是当它们被用作副标题和部分标题时。
有没有人知道CSS，Javascript或jQuery中的一种方法，允许文本的颜色根据它在页面上的位置而改变，例如，在顶部，标题是白色，以对比主体渐变的原色，但在页面更低的地方，标题更改为原色，以对比主体渐变的白色？
浏览 0提问于2016-03-03得票数 6
我试图通过使用jQuery单击事件来切换set类来更改单个div下所有元素的字体大小。div下的段落是使用一个渐变选择器来定位的，该选择器将它们的字体大小更改为小。当我为主div添加jQuery到toggleClass时，只有标题更改大小，而带有尾号的目标段落保持原来的大小。能不能有人向我解释一下这种行为，并提供一个工作或一个最佳实践，我可能不会说。
我尝试在jQuery中使用渐变选择器添加"size“类，尽管段落得到了"size”类，但它们的字体大小仍然很小。
HTML
<div class="middle">
<h1>Header
浏览 2提问于2015-03-06得票数 0
回答已采纳
jQuery手机有一个很好的按钮主题集合。
然而，我想要一个红色渐变的背景按钮。我可以直接覆盖一个按钮主题的CSS，但有没有办法在不打破jQuery移动的抽象障碍的情况下做到这一点？
换句话说，我可以通过jQuery手机提供的界面添加我自己的主题吗？
浏览 0提问于2012-02-20得票数 2
回答已采纳
1回答
用jquery填充梯度SVG
、、、、
有没有办法用两到三种渐变颜色填充SVG？使用下面的方式，我可以用一种颜色填充一个特定的SVG路径。径向梯度是可以使用的，但不能处理动态方法。颜色需要在SVG代码中定义。因此，我希望使用两到三种颜色作为渐变填充SVG路径，如下所示，使用jquery。是否有可能使用插件来做到这一点？
$("#canvas-area").click(function (event) {
$(event.target).css('fill', _'#000');
})
浏览 3提问于2018-01-06得票数 3
回答已采纳
1回答
这是我的代码，我正在尝试用百分比做半圆，我在这个半圆中没有得到渐变，我在这个半圆中加入了progressColor属性，它从头到尾都在显示，我试图用渐变的最终颜色来实现这个半圆。
<h3>Circliful</h3>
<div class="row">
<div class="col-lg-2">
<div id="semi-circle"></div>
</div>
</
浏览 0提问于2019-02-16得票数 0
1回答
我有一个矩形的白色，它的顶部和底部应该是20%的不透明度，有点褪色的效果。我尝试了使用十六进制值的渐变属性，尝试了Qt.rgba()，但是似乎没有效果。我做错了什么吗?还是有别的办法？最低限度的代码如下：
Rectangle{
width: 400
height: 400
gradient: Gradient{
GradientStop{ position : 0 ; color: "#33FFFFFF" }
GradientStop{ position : 0.4;color: "#FFFFFFFF"}
Gra
浏览 6提问于2020-10-30得票数 0
回答已采纳
我正在构建一个渐变拾取器应用程序。我想要的一个功能是将渐变保存为数字图像(如果可能的话，是.jpg)到用户的PC上。在点击按钮时，它应该捕获一个带有线性渐变属性的div并保存它(经典的另存为弹出模式)。我已经尝试了很多次，解决方案和例子，但都没有奏效。我想知道做这件事的最简单的方法和解释，如果可能的话，只用普通的JS (没有jQuery，等等)。对于一些上下文，这里有一些参考：
HTML：
<div class="gradient-div" id="gradient-div">
CSS：
background: linear-gradient(90
浏览 1提问于2021-06-07得票数 0
2回答
我有一个小问题，我不确定有没有解决的办法。
基本上，我想在div边框上创建一个不透明的渐变，而不依赖于颜色。
让我解释一下。
我有一个"overflow:hidden“div (我们称之为MainDiv)，它包含另一个大的div (叫做SlideDiv)，我使用jquery在视区中滑动。main div有一个可以移动的“全视区”背景复杂图像。这一切都创造了一个非常好的视差效果。
正如预期的那样，"SlideDiv“内容消失在视口边界之外。这就是诀窍。我希望内容不只是消失，而是淡出:)
为了让它工作，我需要在视口边框上设计一个不透明的渐变。由于背景上有一个必须始终可见的复杂图像，
浏览 0提问于2011-11-03得票数 1
1回答
我使用这些规则：
.log-widget-alexa{ background: #001C48;}
.log-widget-altervista{ background: #FFE852;}
.log-widget-amazon{ background: #000000;}
.log-widget-aol{ background: #0060A3;}
etc ..
我想只使用一个更多的类来添加一个嵌入变暗的阴影或渐变颜色，以浮雕的小工具与相同的变暗的背景。
是否可以使用一些CSS/JavaScript/jQuery技巧？
我的意思是，如果我有background:#666；例如，我想在#555
浏览 0提问于2012-09-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
