zoukankan      html  css  js  c++  java
  • IE8兼容border-radius.

      我们知道,CSS3新增的很多简洁优美的属性,比如border-radius、box-shadow、border-image、gradients、RGBA...因为这些属性的出现,我们可以很方便的就写会很多好看的页面。但是,IE8对于CSS3的属性来说是个坎,IE8及其以下不支持CSS3属性。因此,我们需要去兼容它。下面就来说下如何兼容border-radius:

        提示:behavior的URL路径是相对于当前HTML文件,等同于写的是行内样式style="behavior: url(css/PIE.htc);"的路径,不是CSS文件.

    步骤:

      1、下载PIE.htc到任意文件夹,只要能找到就行。下载地址:PIE.htc.我下的是PIE 1.0.0.

       2、写样式behavior: url(css/PIE.htc);" (假如你放到css文件的目录下,也要带css,红字部分说过),这里的目录就是你存放PIE.htc的目录

    问题:

      1、只能同时4角圆角,不能单独设置;

      2、div上可以正常使用,测试text文本框,会出现异常;

       3、当前元素一定要有定位属性,像是position:relative或是position:absolute属性。

       4、z-index值一定要比周围元素的要高,否则……只能说抱歉了~~

     
         参考文章:pie.htc可以使ie支持哪些css3属性

          我这里只测试了border-radius,其他的属性均无测试。如有问题,欢迎交流。

     
  • 相关阅读:
    kail
    scp命令
    搭建LNMP
    PHP7.3.2安装
    nginx的安装
    CentOS7部署NFS
    Linux使用mailx通过外部smtp发邮件
    kickstart自动化安装
    centos7下单用户模式,救援模式的应用以及虚拟机下的克隆
    putty和xsheel远程连接centos7
  • 原文地址:https://www.cnblogs.com/chenwenhao/p/8342921.html
Copyright © 2011-2022 走看看