CSS技术就像一个数学问题。它有太多的可变性。这就是困难所在。例如，您可以清楚地看到11=2，但是您是否需要考虑11000-101100123的问题？
随着CSS3的出现，CSS不再简单，CSS3动画、变形、渐变、过滤器等
布局有弹性、网格等。就像数学问题一样，任何组合都是一种新类型的问题，变得极其复杂。所以学好基础知识更重要，要有各种知识，扎实的基础知识，看问题类型，有自己的想法，有多种解决方法，不受限制。CSS有复杂和困难的样式，我们可以使用多种解决方案，比如canvas、SVG、真不图像等等。
CSS3样式中如何让背景渐变与背景图片共存？目前对CSS3的支持越来越完善，实现兼容的渐变背景效果完全可以。使背景梯度与背景图像共存的方法非常简单。主要要注意的是图像要保持“最小单位”原则，选择合适的浏览器就可以解决这个问题。这是具体的解决办法。
1.例如，在制作垂直颜色渐变时，尝试使用1像素的垂直图像作为渐变背景的“最小单位”。另外需要注意的是，虽然CSS3支持多种浏览器的兼容性，但目前并不支持opera浏览器。
2.如果兼容度允许，CSS3渐变样式可以用于实心渐变背景，如{background:lineargradient（lefttop，red，blue）}。这样，可以减少裁剪量，加快网页的加载速度。但是，如果使用主流浏览器，则必须添加前缀。
3.需要注意的是，对于WebKit的核心浏览器，比如chrome/Safari浏览器，要在这些浏览器中实现渐变背景，还需要使用CSS3渐变方法CSSgradient，具体来说就是-WebKitgradient。在Firefox浏览器行业中，语言的使用略有不同。