兼容各种浏览器的Css背景渐变特效代码

发布时间：2018-08-13 11:28:52 所属栏目：活动来源：站长网

导读：一个非常完美的css背景渐变特效，作者使用了精简的css代码完成了兼容IE6、IE7、 IE8 、 IE9 、IE10和火狐firefox、谷歌chrome、 Safari 4、 Opera 等浏览器的网页背景渐变效果，并且完全符合w3c标准，代码中给出了详细的功能注释，是学习的好资源！示例：

　　一个非常完美的css背景渐变特效，作者使用了精简的css代码完成了兼容IE6、IE7、IE8、IE9、IE10和火狐firefox、谷歌chrome、Safari4、Opera等浏览器的网页背景渐变效果，并且完全符合w3c标准，代码中给出了详细的功能注释，是学习的好资源！

　　示例：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>全兼容CSS背景渐变代码</title> <style type="text/css"> body{ background: #fcecfc; /* Old browsers */ background: -moz-linear-gradient(left, #fcecfc 0%, #fd89d7 33%, #fba6e1 53%, #fd89d7 61%, #ff7cd8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcecfc), color-stop(33%,#fd89d7), color-stop(53%,#fba6e1), color-stop(61%,#fd89d7), color-stop(100%,#ff7cd8)); /* <b>Chrome</b>,Safari4+ */ background: -webkit-linear-gradient(left, #fcecfc 0%,#fd89d7 33%,#fba6e1 53%,#fd89d7 61%,#ff7cd8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fcecfc 0%,#fd89d7 33%,#fba6e1 53%,#fd89d7 61%,#ff7cd8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #fcecfc 0%,#fd89d7 33%,#fba6e1 53%,#fd89d7 61%,#ff7cd8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #fcecfc 0%,#fd89d7 33%,#fba6e1 53%,#fd89d7 61%,#ff7cd8 100%); /* W3C * <p style="text-align:right;">（编辑：厦门网）</p> <p style="text-align:right;">【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!</p> </td> </tr> </table> </div> <div class="dede_pagess"><ul class="pagelist"></ul></div> <div class="ad-690"><script src='https://ess.0577qiche.com/d/js/acmsd/ad76.js' language='javascript'></script></div> <div class="g-box10"> <div class="t-2">相关内容</div> <ul class="b-box12"></ul> <ul class="b-box13"><li><a href="https://www.xiamenwang.cn/html/huodong/20170611/329046.html" target="_blank">国外智能路由器Soap主打带屏幕</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20180819/360620.html" target="_blank">QQ在线客服悬浮窗，点击展开的网页代码</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20200724/525746.html" target="_blank">营销软文推广怎样选择合适的平台发布？</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20201127/542507.html" target="_blank">网站seo快速排名的原理</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20190722/412022.html" target="_blank">未来科技城就与阿里云展开深度合作让城市管理更有温度</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20201211/545503.html" target="_blank">新手学习SEO优化所面临的困境以及正确处理方法</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20170608/328677.html" target="_blank">博通公司推业界首款六流802.11ac MIMO</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20180820/360936.html" target="_blank">外框自适应内容高度的CSS实例代码</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20191207/444602.html" target="_blank">行业大牛坐镇第二届世界传感器大会暨展览会</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20181222/380689.html" target="_blank">渠道下沉创新商业模式打破流量天花板</a></li><div class="cl"></div></ul> </div> </div> </div> <div class="right-1 fr"> <div class="g-box8"> <div class="t-2">推荐文章</div> <ul></ul> </div> <div class="g-box11"> <div class="t-2">站长推荐</div> <ul class="b-box7"><li><a href="https://www.xiamenwang.cn/html/huodong/20180816/359231.html" target="_blank">一个简洁的JS折叠层，点击展开、关闭层效果</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20201211/545506.html" target="_blank">百度渲染蜘蛛有什么用</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20201122/541649.html" target="_blank">.NET Core如何进行请求转发的实现</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20200817/527119.html" target="_blank">全球人工智能技术大会落幕新浪新闻承办专题论坛</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20190722/411883.html" target="_blank">选择人人贷财富，就是选择一份安心</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20201114/540124.html" target="_blank">shtml和html有哪些区别那种更加利于SEO优化</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20201029/536966.html" target="_blank">第三届移动广告优化增长大会圆满举办，重构增长新</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20170715/331745.html" target="_blank">侠诺李明堂：不做下一个智能路由供应商</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20191212/447534.html" target="_blank">网站镜像导致网站降权怎么办？</a></li><li><a href="https://www.xiamenwang.cn/html/huodong/20191212/447537.html" target="_blank">网站降权原因解析：非法站点、站群作弊</a></li></ul> </div> <script type="text/javascript">jQuery(".g-box8").slide({ titCell:"li",triggerTime:0 }); </script> <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad103.js' language='javascript'></script></div> <div class="g-box3 u-3"> <div class="t-1">热点阅读</div> <ul class="b-box2"></ul> </div> <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad77.js' language='javascript'></script></div> </div> <div class="cl"></div> </div> <div class="ad-960"><script src='https://ess.0577qiche.com/d/js/acmsd/ad78.js' language='javascript'></script></div> <div class="footer"> <p>【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。</p> <p>建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果</p> <p>Copygight © 2008-2022 https://www.xiamenwang.cn/ All Rights Reserved. 厦门网</p> <p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p> </div> </body> </html>