问题标签 [linear-gradients]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
11075 浏览

css - 在 IE9 中使用 CSS3 PIE 的线性渐变不起作用,IE8 可以

我决定在我的网站中完全放弃对 IE6 和 IE7 的支持,将其用户重定向到纯文本警告页面。但是我仍然支持 IE8 和 IE9。

我正在使用CSS3 PIE来实现这一点,并且border-radius 在两者(IE8/9)中都有效,box-shadow 在两者中都有效,但是我也依赖于线性渐变。我使用大量标签来实现这一点:

奇怪的是,线性渐变在 IE8 中有效,但在 IE9 中无效。我已经尝试了我找到的任何解决方案,但它们都没有奏效。IE8 只显示回退:背景:#E6E6E6;- 不是渐变。

我认为服务器或类似的东西没有任何问题,因为其他属性 -边界半径框阴影- 与 PIE 一起工作,但并非没有。

我的所有属性都可以在我支持的所有浏览器中工作 - 只是不是 IE9 :(

有任何想法吗?
谢谢

0 投票
2 回答
470 浏览

css - How can I display a CSS linear gradient in Netscape?

How do I use a CSS linear gradient with Netscape?

I am trying this code:

It works with IE, Firefox, and Chrome but it does not work with Netscape.

0 投票
1 回答
1621 浏览

android - 具有线性渐变背景的Android GLSurfaceView OpenGL ES?

使用此代码,我可以清除背景并添加颜色:

如何将其更改为具有线性渐变背景?例如,顶部为白色,底部为蓝色?

0 投票
1 回答
1344 浏览

css - CSS3 淡入底部

我一直在寻找高低,但我还没有找到使用 a将标签底部淡化为白色的CSS3方法。linear-gradient<section>

如果我不清楚,让我用一个例子来说明这一点。如果我有一个<section>包含大量文本的标签,我希望文本在指定高度被切断。为了显示还有更多的文本要阅读,容器将显示一个白色渐变,部分覆盖最后一行左右,以表明还有更多的文本要阅读。

我知道这可以用 PNG 或 GIF 来完成,但我不知道如何用 CSS3 来做到这一点。有人可以提供一个例子吗?

感谢您的时间。

0 投票
0 回答
742 浏览

objective-c - 映射到渐变,在 iOS 中重新着色图像

将图像颜色重新映射到 iOS 渐变的最有效方法是什么?这在 Image Magic 文档中被定义为“将颜色查找表应用于图像”,通常我认为。例如,是否有一些内置的核心图像可以做到这一点?我知道它可以通过使用 convert -clut 的 ImageMagick 代码来完成,但不确定这是最有效的方法。

将图像重新映射为渐变的结果如下图所示:http: //owolf.net/uploads/ny.jpg

从fraxel 的评论中复制的基本公式是:

1.以灰度和RGB打开您的图像

2.将RGB图像转换为HSV(色相、饱和度、值/亮度)色彩空间。这是一个圆柱形空间,色调由极轴上的单个值表示。

3.将色调通道设置为我们已经打开的灰度图像,这是关键的一步。

4.将值和饱和度通道都设置为最大值。

5.转回RGB空间(否则显示不正确)。

0 投票
4 回答
8796 浏览

r - R中的2d颜色渐变图

我想制作一个 2d 颜色渐变矩形,如下图右侧所示。我怎样才能在 R 中做到这一点?使用colorRamporRColorBrewer或其他功能/包,我可以生成漂亮的 1D dolor 斜坡。但是我如何为 2D 执行此操作,包括角落中的几种颜色,例如右上角的矩形?

颜色渐变

我想要得到的是例如以下两种渐变类型:

在此处输入图像描述 在此处输入图像描述

BTY:我完全忘了提到我在这里找到了上面的图表(由 Luca Fenu 制作)。

0 投票
1 回答
3141 浏览

winforms - 如何在 Visual C++ 中为窗体设置渐变背景色?

我是使用 Visual Studio 2010 的新手。我想知道如何在 c++ 中将表单的背景颜色设置为渐变色。我在网上看到了一些源代码,但那是针对 Visual Basic .NET 的。

感谢你的帮助 :)

0 投票
6 回答
1900 浏览

html - 如何制作两个色调的 hr 标签?

我正在制作一条横跨我的标题底部的分隔线。它需要有两个像素高和两种色调。顶部像素需要水平一直是灰色的,底部需要是白色的。我很想将两个 100% 宽度的单像素 div 放在一起,但我希望有人知道用 css 和 hr 标签来做这件事的更好方法?

非常感谢!

0 投票
5 回答
18746 浏览

html - SVG 线性渐变在 Safari 中不起作用

我有一个 SVG 对象,其中包含直接嵌入在文档中的线性渐变。它在 Chrome 和 Firefox 中运行良好,但在 Safari 中没有呈现任何内容。如果我将 SVG 创建为文件并使用 Object 标签嵌入它,它在 Safari 中可以正常工作。其他形状和填充都可以,只是线性渐变不起作用。我想我可以使用该对象,但我更喜欢直接嵌入 SVG。

我在这里创建了一个演示(适用于 Chrome,而不是 Safari):http: //jsfiddle.net/sjKbN/

我遇到了这个建议将内容类型设置为的答案application/xhtml+xml,但这本身似乎会导致其他问题。

只是想知道是否有人遇到过任何其他修复或想法来使其正常工作。

0 投票
2 回答
2123 浏览

html - 带有边框半径和背景渐变的 HTML 进度条

我需要像这样制作一个进度条:

http://kashqool.com/files/progress-bar.png

它必须在(IE6+、Chrome 3+、Firefox 5+、Opera 9+)中工作。因此,对于 IE 中的边界半径,我添加了 ie-css3.htc,但问题是 - 在 IE 中,当我添加边界半径和线性渐变背景时,不会显示边界半径。- 是否有可能当 DIV 宽度为 43% 时不会显示黑边。什么时候会显示 100%。就像图片一样。

这是代码: