zoukankan      html  css  js  c++  java
  • box-shadow IE8兼容处理

    根据canisue(http://caniuse.com/#search=box-shadow),box-shadow兼容性如下图所示:

    测试代码:

     1 <!DOCTYPE html>
     2 <html>
     3 
     4     <head>
     5         <meta charset="UTF-8">
     6         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     7         <title></title>
     8         <style type="text/css">
     9             * {
    10                 margin: 0;
    11                 padding: 0;
    12             }
    13             
    14             #header {
    15                 width: 400px;
    16                 height: 400px;
    17                 margin: 10px;
    18                 background-color: #999999;
    19                 box-shadow: 3px 3px 5px #000;
    20             }
    21         </style>
    22     </head>
    23 
    24     <body>
    25         <div id="header">
    26         </div>
    27     </body>
    28 
    29 </html>

    IE8浏览器效果:

    border-radius在IE8浏览器兼容方案:

     1 <!DOCTYPE html>
     2 <html>
     3 
     4     <head>
     5         <meta charset="UTF-8">
     6         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     7         <title></title>
     8         <style type="text/css">
     9             * {
    10                 margin: 0;
    11                 padding: 0;
    12             }
    13             
    14             #header {
    15                 width: 400px;
    16                 height: 400px;
    17                 margin: 10px;
    18                 background-color: #999999;
    19                 box-shadow: 3px 3px 5px #000;
    20                 /*关键属性设置 需要把路径设置好*/
    21                 behavior: url(PIE.htc);
    22             }
    23         </style>
    24     </head>
    25 
    26     <body>
    27         <div id="header">
    28         </div>
    29     </body>
    30 
    31 </html>

     IE8浏览器下效果:

    PIE.HTC下载地址:http://css3pie.com/

    PIE可以处理CSS3的一些属性,如:

  • 相关阅读:
    CenOS下搭建PPTP服务
    Nginx做反向代理总是被系统kill
    python排序算法
    linux系统中rsync+inotify实现服务器之间文件实时同步
    HDU
    BZOJ1237: [SCOI2008]配对
    BZOJ2243: [SDOI2011]染色
    BZOJ3192: [JLOI2013]删除物品
    点分治小结
    AtCoder Beginner Contest 124 解题报告
  • 原文地址:https://www.cnblogs.com/mengfangui/p/6605972.html
Copyright © 2011-2022 走看看