js动态背景渐变 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Web:动态透明渐变

javascript、css、scroll、transparency、gradient

我怎样才能在我的网页上像图片那样做透明渐变呢？我不能使用png来做这件事，因为图像是从服务器动态加载的，并将被滚动：Scroller是用JS编写的。我不想使用flash来实现这种渐变效果。附言:对不起，我的英语。谢谢:)

浏览 0提问于2012-01-15得票数 0

回答已采纳

1回答

带阴影的jqueryui滑块范围/背景可能吗？

jquery、user-interface、colors、slider

有没有可能有一个jqueryui滑块的范围/背景阴影，甚至填充颜色渐变(见)如有任何帮助，我们不胜感激

浏览 1提问于2011-01-25得票数 1

3回答

three.js如何将渐变颜色用于背景

three.js

我正在使用three.js在WeChat上开发3D游戏，但我有一个问题，three.js如何设置渐变的背景颜色。我在文档上看到了背景颜色，但没有背景颜色的渐变。请说明我是中国人，英文不好。

浏览 8提问于2018-05-08得票数 1

1回答

如何创建一个带有梯度的图像，其中顶部不透明度为100%，底部不透明度为0%？

javascript、html、css、reactjs、image

所以我有一个图像(链接到image=> https://i.imgur.com/TRTg8Cu.jpg)，它下面有一个渐变(身体的背景)。目前，图像有一个渐变到黑色的渐变，但我希望图像淡出到给定的渐变。基本上，一种让图像从顶部的不透明度100%到底部的不透明度0%的方法。rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%} 如果有其他方法可以实现同样的效果，使图像

浏览 25提问于2021-02-06得票数 0

回答已采纳

1回答

具有线性梯度溢出的多背景图像

css、twitter-bootstrap-3、background-image

我的显示了这个介绍页面的背景图像和第二个包含线性渐变的多背景图像。问题是，当浏览器调整大小时，图像会缩小，而线性渐变保持不变。如何动态更改渐变高度以匹配第一张背景图像的高度？导航栏和背景图像之间的正文间隙(颜色：#454545)似乎是程序员所特有的。当我在本地运行网页时，它不会出现。

浏览 0提问于2017-02-22得票数 0

1回答

如何在React Native中的所有屏幕上显示线性渐变背景

reactjs、react-native、linear-gradients

我想在所有屏幕上都有一个渐变背景。可能是这样的：我已经找到了react-native-linear-gradient包，但是使用镜像可以获得更高的性能吗？另外，我如何确保它在所有页面上都作为背景？会是这样的吗？

浏览 3提问于2017-08-21得票数 0

1回答

关于全屏颜色移动渐变

flash、actionscript-3

嘿，我是ActionScript的新手，你能描述一下如何设置2种预先选定的颜色来补间渐变而不是“随机”的颜色吗？我的目标是使用这个类作为一个动态背景创建器，我希望在不同的页面上有不同的渐变背景。

浏览 6提问于2010-06-30得票数 0

1回答

Silverlight -笔刷条带

silverlight、brush

有人能告诉我如何在Silverlight渐变笔刷上增加“色带”的数量吗？这个问题被标记为下面的答案，但它确实不是一个解决方案，使用位图而不是渐变画笔，因为我的用户可以动态修改他们的背景。当使用全屏渐变时，这一点最为明显。

浏览 1提问于2012-10-13得票数 1

2回答

CSS3渐变和背景图像

jquery、html、css、gradient

我有一个功能，当checkbox的状态改变时，它会切换其父对象的类，以提供不同的背景渐变。单击Lorem以查看其实际操作有没有为元素添加背景渐变的解决方法？我不能将它添加到图像中，因为这将是动态填充的，并且不是所有的图像都具有相同的尺寸。我完全不介意改变任何HTML/CSS。如果可以用jQuery来完成，那也很棒

浏览 0提问于2011-02-25得票数 4

回答已采纳

1回答

ie渐变+背景图像

css、internet-explorer

有没有办法让ie (7,8)在同一个div上显示渐变和背景图像？我让它工作的唯一方法(但几乎是)是使用两个过滤器，一个用于渐变，另一个使用AlphaImageLoader -但当然，你不能定位图像。声明背景图像和渐变滤镜不起作用，因为它根本不会渲染图像-只有渐变。如果没有，我将不得不求助于使用背景图像的渐变，这不是很好，但也不会有太大的区别…

浏览 0提问于2010-11-23得票数 3

回答已采纳

1回答

以渐变为背景的Wpf重复行

wpf

我需要使背景看起来像这样：我找到了用<DrawingBrush TileMode="Tile">做渐变的方法，但不允许做渐变，因为这会生成许多重复的方块。也许有任何方法可以动态地完成，而不是在xaml中？

浏览 1提问于2018-08-01得票数 0

1回答

类更改时引导动画按钮样式

javascript、css、twitter-bootstrap、css-transitions

当我更改.btn按钮的类时，我想要动画背景，例如，从加载的.btn-.btn传递到.btn-success或.btn-danger。现在，如果我将-webkit-transition: background 1s线性添加到.btn类，并使用js切换类，则更改不是动态的 (有趣的是:我尝试只在chrome元素检查工具中添加css转换指令更新:如果按钮处于禁用模式，转换工作，也许问题是由于使用css3渐变作为背景图像，这可能是-webkit-transition不支持的？

浏览 2提问于2012-08-31得票数 1

回答已采纳

1回答

html <option>中背景的不同样式

css、html-select

我想以一些独特的方式，动态地在一个<option>元素中设置一些<select>元素的样式。这超出了“背景颜色”CSS的简单工作示例；我试图找到一些方法，使我不必保留资源，而是可以动态地生成样式，例如从数据-uri添加一些渐变或图像到后台。到目前为止，没有渐变起作用，background或background-image的数据-uri也不起作用。除了背景之外，还有什么方法可以让选项元素看起来像是有额外的东西，但不依赖于静态资源呢？

浏览 1提问于2019-05-09得票数 0

回答已采纳

2回答

动态变化的元素背景(梯度)

javascript、css、draggable

考虑情境但卡的背景应根据线条渐变的颜色而变化。bottom, rgba(255,2,2,1) 0%,rgba(242,255,0,1) 34%,rgba(16,255,0,1) 66%,rgba(255,255,255,1) 100%);对此有何建议？希望你能理解我。

浏览 1提问于2015-05-08得票数 2

回答已采纳

2回答

fullPage.js渐变背景

javascript、css、wordpress、fullpage.js

我在我的自定义WordPress主题中使用了fullPage.js。我想将背景颜色更改为渐变，但我不知道如何禁用默认的背景颜色。在我的样式表中，我添加了带有ID名称的渐变。已经设置了背景。sectionsColor: ['#edf0da','#aa4465','#a89b8c','#f0dfad',&#x

浏览 2提问于2018-05-07得票数 0

1回答

带分离的CSS线性梯度

css、linear-gradients

我需要制作动态组件，看起来是这样的：单元格的数量(图中的8)是动态的(让我们称之为X)，所以我需要支持每个单元格(我使用React)。现在，我想我有两个选择：用梯度创建一个大跨度，另外创建X单元格具有白色边框、透明背景、绝对位置--而这些单元格将“覆盖”渐变。我已经看到了至少一个问题--渐变下的背景可能并不总是白色的。另外，我担心它将需要在移动或不同的browsers.Create X单元上与梯度的特殊对齐，每个单元格将在不同的位置上有渐变开始(和结束)。但我

浏览 1提问于2020-04-20得票数 1

回答已采纳

3回答

用于渐变的CSS3 Javascript库？

javascript、jquery、css、gradient

有没有办法使用CSS3创建渐变，然后-通过使用javascript (或服务器端？)-我将能够支持IE或其他不受支持的浏览器？我的意思是- js库会将渐变转换为PNG背景。有没有类似的东西？

浏览 0提问于2011-08-28得票数 1

回答已采纳

1回答

不同的背景线性梯度加上桌面上的背景图像php循环

php、css、wordpress

所以我创建了这个php循环，它在移动设备上有一个白色的背景不透明。然而，在台式机上，我想把它去掉。让我后退的是div的背景图片是基于wordpress图片上传的动态图片。我已经尝试在css中制作一个透明的rgba，但这会删除背景图像，因为在css中需要but，这是不起作用的。 &l

浏览 29提问于2019-11-30得票数 2

回答已采纳

1回答

有没有办法用速度js将渐变颜色应用到文本上？

javascript、html、css、velocity.js

有没有办法用速度js将渐变颜色应用到文本上？但我的要求是，我需要添加渐变动态使用js，其中梯度部分将逐步变化。提前谢谢。

浏览 2提问于2017-02-02得票数 0

回答已采纳

1回答

css:带有绝对位置的重叠响应图像

javascript、html、css

我有两个带有背景图像的div，这两个div都有相同的图像，但每个div都有不同的颜色。图像是波形假设div1的图像是灰色的，而div2的图像是绿色的。这已经可以工作了，但我现在的问题是背景图像比div容器大。所以并不是整个图像在div容器中都是可见的。因此，如果我现在将div2的宽度从0增加到100%，在此过程中，div2的背景图像将不会与div1的背景图像完全重叠，因为整个图像都被压缩在较小的div2容器中。

浏览 14提问于2017-01-25得票数 2

点击加载更多