背景色渐变（兼容各浏览器）

最新推荐文章于 2025-02-19 21:40:47 发布

转载最新推荐文章于 2025-02-19 21:40:47 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hyql/p/5063254.html

本文详细介绍了如何使用CSS设置渐变背景效果，包括不同浏览器下的兼容性处理方法。通过实际代码示例，展示了从简单的两色渐变到复杂的多色渐变的实现过程。

.content
{
width:100%;
height:600px;
background: #179aac;
background: -moz-linear-gradient(top, #179aac 0%, #19bea0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#179aac), color-stop(100%,#19bea0));
background: -webkit-linear-gradient(top, #179aac 0%,#19bea0 100%);
background: -o-linear-gradient(top, #179aac 0%,#19bea0 100%);
background: -ms-linear-gradient(top, #179aac 0%,#19bea0 100%);
background: linear-gradient(to bottom, #179aac 0%,#19bea0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179aac', endColorstr='#19bea0',GradientType=0 );
}
:root .content{filter:none;}

转载于:https://www.cnblogs.com/hyql/p/5063254.html