zoukankan      html  css  js  c++  java
  • 渐变色--浏览器兼容性

    说明:

       1.360兼容模式效果不好

       2.可以直接用不同浏览器打开这个页面查看效果

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    body{
    background-color:#2C3849;
    /*渐变色--浏览器兼容性*/
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2a4053), to(#47354a));/*谷歌*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2a4053,endColorStr=#47354a); /**IE 6 7 8*!**/
    background: -ms-linear-gradient(top, #2a4053,#47354a); /* IE 10 */
    background:-moz-linear-gradient(top, #2a4053,#47354a);/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5e91ca), to(#47354a)); /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #2a4053,#47354a); /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #2a4053,#47354a); /*Opera 11.10+*/

    }
    </style>
    </head>
    <body>
    </body>
    </html>
    haley欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
  • 相关阅读:
    Idea中资源文件的设置和Java中类的权限
    Springboot中slf4j+log4j2的使用
    linux下修改文件查看样式(日期/文件大小)
    maven项目中引入外部jar
    01背包问题
    python爬取千千音乐
    【DataBase】SQL优化案例:其一
    【Uni-App】底部栏踩坑
    【Uni-App】UniApp转微信小程序发布应用
    【Uni-App】API笔记 P2
  • 原文地址:https://www.cnblogs.com/haley168/p/gradient.html
Copyright © 2011-2022 走看看