zoukankan      html  css  js  c++  java
  • htmlcss渐变及兼容性

    自我总结,欢饮拍砖.

    <!DOCTYPE HTML>
    <html lang="en">
    <head>
         <meta content="text/html;charset=UTF-8">
         <title>Document</title>
         <style type="text/css">
         #div1{ 300px; height:300px; border: 1px solid black;}
         .gradient{
              background:-webkit-linear-gradient(top,#FFFFFF,#d33027);  /*以webkit浏览器引擎为基础的浏览器可以识别:chrome,opera , safari*/
              background:-moz-linear-gradient(top,#FFFFFF,#d33027);    /*支持火狐浏览器*/
              background:-ms-linear-gradient(top,#FFFFFF,#d33027);  /*支持ie10及ie以上版本*/
              background:linear-gradient(top,#FFFFFF,#d33027);
              -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#d33027)"; /*支持ie8,9*/
              +background:#eca7a3;   /*ie6,,ie7不支持,则取中间色*/
         }
         </style>
    </head>
    <body>
         <div id="div1" class="gradient"></div>
    </body>

    </html>

    参考自:梦想天空 http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html

  • 相关阅读:
    第一次作业 黄学才
    shell重定向符
    umask
    Linux下新建用户自动复制文件
    任务计划cron
    vsftp配置
    xinetd.d配置格式
    php安装
    第五次作业
    第四次作业
  • 原文地址:https://www.cnblogs.com/xxyfhjl/p/4997103.html
Copyright © 2011-2022 走看看