问题标签 [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.
css - 在 IE9 中使用 CSS3 PIE 的线性渐变不起作用,IE8 可以
我决定在我的网站中完全放弃对 IE6 和 IE7 的支持,将其用户重定向到纯文本警告页面。但是我仍然支持 IE8 和 IE9。
我正在使用CSS3 PIE来实现这一点,并且border-radius 在两者(IE8/9)中都有效,box-shadow 在两者中都有效,但是我也依赖于线性渐变。我使用大量标签来实现这一点:
奇怪的是,线性渐变在 IE8 中有效,但在 IE9 中无效。我已经尝试了我找到的任何解决方案,但它们都没有奏效。IE8 只显示回退:背景:#E6E6E6;- 不是渐变。
我认为服务器或类似的东西没有任何问题,因为其他属性 -边界半径和框阴影- 与 PIE 一起工作,但并非没有。
我的所有属性都可以在我支持的所有浏览器中工作 - 只是不是 IE9 :(
有任何想法吗?
谢谢
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.
android - 具有线性渐变背景的Android GLSurfaceView OpenGL ES?
使用此代码,我可以清除背景并添加颜色:
如何将其更改为具有线性渐变背景?例如,顶部为白色,底部为蓝色?
css - CSS3 淡入底部
我一直在寻找高低,但我还没有找到使用 a将标签底部淡化为白色的CSS3方法。linear-gradient
<section>
如果我不清楚,让我用一个例子来说明这一点。如果我有一个<section>
包含大量文本的标签,我希望文本在指定高度被切断。为了显示还有更多的文本要阅读,容器将显示一个白色渐变,部分覆盖最后一行左右,以表明还有更多的文本要阅读。
我知道这可以用 PNG 或 GIF 来完成,但我不知道如何用 CSS3 来做到这一点。有人可以提供一个例子吗?
感谢您的时间。
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空间(否则显示不正确)。
r - R中的2d颜色渐变图
我想制作一个 2d 颜色渐变矩形,如下图右侧所示。我怎样才能在 R 中做到这一点?使用colorRamp
orRColorBrewer
或其他功能/包,我可以生成漂亮的 1D dolor 斜坡。但是我如何为 2D 执行此操作,包括角落中的几种颜色,例如右上角的矩形?
我想要得到的是例如以下两种渐变类型:
BTY:我完全忘了提到我在这里找到了上面的图表(由 Luca Fenu 制作)。
winforms - 如何在 Visual C++ 中为窗体设置渐变背景色?
我是使用 Visual Studio 2010 的新手。我想知道如何在 c++ 中将表单的背景颜色设置为渐变色。我在网上看到了一些源代码,但那是针对 Visual Basic .NET 的。
感谢你的帮助 :)
html - 如何制作两个色调的 hr 标签?
我正在制作一条横跨我的标题底部的分隔线。它需要有两个像素高和两种色调。顶部像素需要水平一直是灰色的,底部需要是白色的。我很想将两个 100% 宽度的单像素 div 放在一起,但我希望有人知道用 css 和 hr 标签来做这件事的更好方法?
非常感谢!
html - SVG 线性渐变在 Safari 中不起作用
我有一个 SVG 对象,其中包含直接嵌入在文档中的线性渐变。它在 Chrome 和 Firefox 中运行良好,但在 Safari 中没有呈现任何内容。如果我将 SVG 创建为文件并使用 Object 标签嵌入它,它在 Safari 中可以正常工作。其他形状和填充都可以,只是线性渐变不起作用。我想我可以使用该对象,但我更喜欢直接嵌入 SVG。
我在这里创建了一个演示(适用于 Chrome,而不是 Safari):http: //jsfiddle.net/sjKbN/
我遇到了这个建议将内容类型设置为的答案application/xhtml+xml
,但这本身似乎会导致其他问题。
只是想知道是否有人遇到过任何其他修复或想法来使其正常工作。
html - 带有边框半径和背景渐变的 HTML 进度条
我需要像这样制作一个进度条:
http://kashqool.com/files/progress-bar.png
它必须在(IE6+、Chrome 3+、Firefox 5+、Opera 9+)中工作。因此,对于 IE 中的边界半径,我添加了 ie-css3.htc,但问题是 - 在 IE 中,当我添加边界半径和线性渐变背景时,不会显示边界半径。- 是否有可能当 DIV 宽度为 43% 时不会显示黑边。什么时候会显示 100%。就像图片一样。
这是代码: