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欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
  • 相关阅读:
    反转链表——临时变量的妙用
    C++指针学习(2)
    统计英文文本中的词频
    灵活的C++
    编程之美 NIM(1)扩展问题
    深度探索C++对象模型读书笔记(1)
    irrlicht1.7.0(2):基础接口
    关于裁剪空间与投影变换矩阵的推导
    irrlicht1.7.0(1):irrTypes.h
    【转】每天拿两个小时来浪费(文/王路)
  • 原文地址:https://www.cnblogs.com/haley168/p/gradient.html
Copyright © 2011-2022 走看看