如何制作带有渐变背景的导航栏？答案

【问题标题】：How do I make a nav bar with a gradient background?如何制作带有渐变背景的导航栏？
【发布时间】：2014-12-31 02:34:25
【问题描述】：

我正在尝试使背景成为线性渐变。我试过了

nav {
  background: -webkit-linear-gradient(black, gray, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(black, gray, black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(black, gray, black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(black, gray, black); /* Standard syntax */
  }

但它看起来很不稳定......有没有人知道他们头脑中的任何修复？不过，无需特意去查找它！

【问题讨论】：

我不明白，你想让linear-gradient 怎么样？
@chipChocolate.py 我希望它成为我的导航栏背景。我做到了，它只是看起来波涛汹涌。
我认为没有针对此问题的任何 CSS 修复程序。
@Tristen 关心创建一个 jsfiddle 向我们展示您的意思？ jsfiddle.net
@KyleT 好的。我不知道那是什么，但我正在看。

标签： html css background gradient nav

【解决方案1】：

在 KyleT 的帮助下，我能够使用 colorzilla.com 来获取预制渐变的代码，这是我向有相同问题的任何人推荐的网站！另外，我用jsfiddle.com测试了渐变，现在我知道了stackoverflow.com的基础知识！

【讨论】：

@Tristen ^^ 那是审核队列自动生成的评论。由于其内容，我是您的审核答案的几位审阅者之一。我没有手动输入 - 这就是结果。
@Tristen 如果您编辑以将其扩展为更完整的答案，通过解决方案直接解决原始问题，它可能会在审核队列中存活。
@MichaelBerkowski 这是一个完整的答案吗？另外，我表示感谢感谢帮助我的人。
@Tristen 如果有任何相关的代码要添加，你应该添加它，或者解释为什么它最初看起来不连贯以及 colorzilla 有什么不同。否则，请务必在自我回答的时间段到期后返回此答案（很多 8 小时，我不记得了？）并通过单击复选标记将其标记为已解决