背景渐变兼容性写法（兼容到ie8以上，包括ie8）原创链接https://www.cnblogs.com/xiongmanli/p/6080434.html

翻译于 2018-04-24 11:41:30 发布 · 461 阅读

css3兼容性写法专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种CSS背景渐变的兼容性写法，确保了在不同浏览器及版本下背景渐变效果的一致性。通过使用多种浏览器前缀和属性组合，实现了从顶部到底部的颜色过渡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*兼容性背景渐变写法*/
.smartServices-title{
background: #1f8fff;
background: -moz-linear-gradient(top, #1f8fff 0%, #23b3ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f8fff), color-stop(100%,#23b3ff));
background: -webkit-linear-gradient(top, #1f8fff 0%,#23b3ff 100%);
background: -o-linear-gradient(top, #1f8fff 0%,#23b3ff 100%);
background: -ms-linear-gradient(top, #1f8fff 0%,#23b3ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8fff', endColorstr='#23b3ff',GradientType=0 );
background: linear-gradient(to bottom, #1f8fff 0%,#23b3ff 100%);

} :root .gradient{filter:none;}