zoukankan      html  css  js  c++  java
  • 支持 IE8 IE11 和 FF, Chrome 浏览器的圆角

    .rounded-corners { 
    position: relative behavior
    : url(/Styles/PIE.htc); //这里一定是“/”根目录
    border-radius
    : 20px;

        background: url(/Images/button_grey.png") no-repeat center;
        border: 0px; }
    <head id="Head1"><meta http-equiv="X-UA-Compatible" content="IE=11" /><title>
    <input type="button" class="rounded-corners" value="this is button" />

    IE8+ 才会识别htc文件

    下载地址 http://css3pie.com/ (用1.0稳定版)

         position: relative //否则显示不出来
         behavior: url(/PIE.htc);  //这里一定是“/”根目录

    IE11(非Enterprise Mode, X-UA-Compatible 生效), FF, Chrome都支持 border-radius

    IE8, IE(Enterprise Mode, 会被解析成IE8 X-UA-Compatible 不生效) 不支持border-radius 需要用.htc文件

  • 相关阅读:
    POJ2559/HDU1506 Largest Rectangle in a Histogram (cartesian tree)
    POJ2201 Cartesian Tree (cartesian tree)
    一本通1007
    一本通1006
    一本通1005
    一本通1004
    一本通1003
    一本通1002
    一本通1001
    一本通1000
  • 原文地址:https://www.cnblogs.com/webglcn/p/4835730.html
Copyright © 2011-2022 走看看