兼容各类赏识器的Css配景渐变殊效代码

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

导读：一个很是美满的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.hunanwang.cn/html/huodong/20201218/659206.html" target="_blank">做SEO新网站排名要不变不要做以下几点</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201126/650719.html" target="_blank">关键词如何稳定在首页第一呢，我们该怎么去做优化呢</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201103/642272.html" target="_blank">电商内容创颐魅者新媒体平台内容运营计策与能力</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201213/657632.html" target="_blank">收费百万的品牌定位怎么做？万字长文详解品牌定位4类12种10</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20190722/444516.html" target="_blank">下沉市场异军突起，电商、内容财富外仍有蓝海?</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20200704/609631.html" target="_blank">2020艾比森渠道赋能大会（湖北站）圆满召开</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201210/656213.html" target="_blank">网站需要做404页面吗有什么作用</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201029/640751.html" target="_blank">SEO项目，怎样均衡链接质量与数目？</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201217/659042.html" target="_blank">做SEO新网站排名要稳定不要做以下几点</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20200704/609634.html" target="_blank">毕芙丹益生菌新品发布会5月28日在沪举行开启健康益时代</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.hunanwang.cn/html/huodong/20201204/653776.html" target="_blank">seo提高网站收录的方法</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201026/639695.html" target="_blank">第二届中国互联网基础资源大会（CNIRC 2020）将于</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20190130/397282.html" target="_blank">发力智能物联营业版块专访遐想高层率领</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201103/642270.html" target="_blank">wordpress怎么登岸靠山</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20190723/445182.html" target="_blank">B端营业和C端营业齐头并进，老虎证券双翼展翅，将</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20180818/369728.html" target="_blank">Css+Div层的睁开与紧缩、折叠层菜单代码</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20190130/397280.html" target="_blank">专访遐想刘军：四大版块全面发力中国市场</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20170626/327878.html" target="_blank">杭州华三中标贵州省公安厅主干网改革</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20201211/656833.html" target="_blank">目标关键词需要加粗吗答案是肯定的</a></li><li><a href="https://www.hunanwang.cn/html/huodong/20200817/620796.html" target="_blank">合肥市中小企业服务中心成功举办2020年“创客中国</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.hunanwang.cn/ All Rights Reserved. 湖南网</p> <p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p> </div> </body> </html>