Css 为什么不使用渐变div'；什么是网络？

在开发人员中，使用渐变图像设计页面样式非常常见。从设置导航栏样式到设置背景样式，渐变图像在许多地方都有使用。像在任一方向重复一个小图像这样的技术也很常见

另一种风格和实现这种效果的方法是使用多个div，一个在另一个下方，颜色不同，后者比前者稍浅。在最简单的场景中，这样做只包括一个小脚本。因此，编写大量标记没有问题，只需编写一些简单的代码

剩下的唯一问题是速度和性能

速度

脚本，更准确地说，函数的大小比图像要短得多。因此，在速度方面，后一种方法似乎更好

性能

今天的浏览器功能非常强大，因此显示图像和执行函数之间的差异可以忽略不计

Css管理

显然，像定位这样的问题将是另一个问题，但我们在日常生活中确实与这些问题作斗争。问题不在于重叠两个div并设置它们的z索引。整个渐变div可以位于一个父div内

---

因此，在解决了性能和速度问题之后，使用渐变div不是比使用图像更好的方法吗？

事实上，我认为您描述的第二个选项（创建多个带颜色的div）非常糟糕

您正在更改标记以进行样式设置。那是不可能的

禁用JavaScript在用户中很常见。然后呢

正如你自己所说，定位混乱

谈到性能，我会更加谨慎，而不是说这不再是一个问题。尤其是考虑到移动浏览器的出现

这样的样式将更难理解和维护。特别是当你的团队有一天发生变化时

另外，还有两种实现渐变的其他方法

CSS渐变-仅限于简单的变体，需要大量CSS才能提供良好的跨浏览器功能。您可以尝试使用此生成器，体验一下：

SVG背景。这些可以让你创建任何你想要的渐变。您可以像使用任何其他图像一样在CSS中使用svg文件。但是，有些浏览器不支持此功能。这是一张桌子

---

使用图像是最可靠的选择，而将SVG与普通图像相结合（对于不支持SVG的浏览器）似乎是最灵活的方法。

是的，这是另一种方法。但不是一个好的。您在以下方面获得零分：

• 维修性
• 可伸缩性
• 搜索引擎优化
• 表达与内容的分离

---

此外，说我们不必担心性能，因为今天的浏览器功能更强大，这是一个粗略的假设。

如果你依赖JavaScript，禁用JavaScript的用户会发生什么情况呢？如果禁用了javascript，则使用普通方法。有多少用户禁用了javascript，10%？这种方法绝对不适用于移动浏览器，因为很明显，这种方法使用的是javascript@这是使用渐变图像的另一种解决方案。1.我们在日常生活中确实会改变标记。如果禁用了javascript，这是一种替代方法，而不是使用普通方法，3。我告诉过你它和重叠两个div没有什么区别，这是很容易做到的。注意：我没有偏见，但我不相信。@AshwinSingh你不能让我相信为了制作渐变而改变标记是一件好事。标记仅用于语义（如果它意味着什么，可以修改它，比如插入通过AJAX下载的内容），但不用于使内容看起来像您所希望的那样。在我看来，忽视这一点只会让网络变得一团糟。据我所知，一般原则是，具有更多语义标记的页面也能更好地索引。随着搜索引擎的发展，这一点变得更加真实。