问题标签 [linear-gradients]

我已经尝试了很多文本渐变。我找到了 safari 和 chrome 的代码，但它在其他浏览器中不兼容。我想让它在不使用背景图像的情况下工作。如果您有任何适当的解决方案，请提供。

我的项目的创意设计师和我有一些友好的分歧，关于是使用他的作品的片段还是依靠浏览器的渲染引擎来创建用户体验的某些方面更好。

一个具体的例子是一个水平的“栏”，它贯穿了小部件的整个宽度。他创建了一个非常时髦的渐变，其中包含不同颜色和不透明度的几个停止点，他认为小尺寸的图像更可取，或者至少与本机生成渐变所需的添加的 CSS 代码行相当。

我们已经在使用 CSS sprite 技术来减少从服务器返回的次数，所以这对我们来说不是问题。现在它只是使用切片图像与使用 CSS 和 HTML 渲染的利弊。

对于图像需要多大才能成为两者中的“更差”选项，是否有明确的规则？

更新：由于一些人提到渐变的复杂性是一个因素，我将在这里介绍它：

很复杂！;-)

此处已提出与此问题类似的问题- HTML/CSS Gradient 停止在特定高度并继续以纯色继续，但据我所知，在将其用于背景颜色时，这不起作用- 这就是我想要实现的。

具体来说，我希望它在页面顶部为浅蓝色，再向下渐变为深蓝色 200 像素，然后永远保持深蓝色。

感谢任何可以提供帮助的人，

阿尔福。

我正在尝试将 Modernizr 与 CSS 渐变一起使用。我读过 Modernizr 现在能够添加前缀。所以，我在我的css文件中设置了这个：

如果我理解这应该转换为：

但是什么也没发生，我的渐变也没有显示出来。这是一个错误还是我错过了什么？

我想创建一个自定义渐变并将其应用于 LinearLayout 的背景。

这是渐变的代码：

我需要一个渐变如下：

不知何故，我没有得到这种效果。我在角度等方面做错了吗/我需要对渐变应用更多属性吗？

我正在从 SeekBar 创建一个颜色选择器。到目前为止，我已经成功替换了 onCreate() 中的进度drawable，如下所示：

这完美！结果正是我正在寻找的结果，但是，我关心的一件事是 LinearGradient 中的硬编码宽度（100f）。

由于此对话框尚未实现，因此 SeekBar 或 Dialog 似乎都没有任何宽度。换句话说，colorChooser.getWidth() 返回 0。

如果宽度太小，渐变在左侧被压缩。如果太大，只会出现一部分渐变。如何获得一个好的宽度值来设置线性渐变以正确显示？

谢谢！

我有一个 div，其背景图像位于右上角，其余部分为背景颜色，是否可以使用线性渐变而不是颜色？

这需要与所有现代浏览器以及 IE7 和 IE8 兼容。

我想要做的是为页面设置一个重复的背景图像，并带有线性淡入淡出，使底部变暗。http://i.imgur.com/rrzyw.jpg

这是我的示例代码：http: //jsfiddle.net/hxk2d/2/

如您所见，在上面的示例中，我有两个浮动 div。由于某种原因，身体线性渐变没有出现。我发现这是因为左 div 浮动。

一旦我删除左侧 div 的浮动，您就会开始看到渐变，但它只出现在容器中。

显然，无论是否有浮动 div，我都希望它能够正常工作。我的测试浏览器是 Chrome 和 Firefox，它们都执行相同的行为。

我错过了什么？

我在我的网站上使用CSS3 PIE，我注意到线性渐变在 IE9 中不起作用。我以前使用 PIE 来支持线性梯度，在 IE9 中没有问题，所以我不知道这次是什么问题。

我尝试过/考虑过的事情：

• 我正在使用支持 IE9 的 Beta 5
• 我知道样式表中 PIE.htc 的路径是正确的，因为如果我通过 IE 开发人员工具栏将页面的文档模式切换到 IE7/8，渐变将起作用
• 我知道我的服务器正在使用正确的内容类型提供 PIE.htc，因为渐变在同一服务器上的另一个站点上的 IE9 中工作（此外，如果我手动导航到该文件，IE 会提示我保存文件，这就是证明根据 PIE 的文档/论坛的正确内容类型）

我难住了。与我过去使用 PIE 的方式似乎没有什么不同，而且我以前从未遇到过渐变未出现在 IE9 中的问题。

请参阅此示例页面中的灰色条：

http://dss.com.bo/inicio.aspx

这是我尝试使用 CSS3 重新创建渐变 - 也使用CSS3PIE：

这导致：

如何减少渗色效果，使颜色过渡更难？