码迷,mamicode.com
首页 > 其他好文 > 详细

IE8兼容border-radius

时间:2018-01-24 19:50:25      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:rgb   order   href   relative   index   文件   必须   下载   htc   

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

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

   2、必须写成行内样式:style="behavior: url(PIE.htc);" ,这里的目录就是你存放PIE.htc的目录

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

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

 


  用这种方法,behavior: url(PIE.htc);必须写到行内,另有一种不必写到行内的:IE兼容CSS3圆角border-radius.但是,css文件要和html文件同一个目录下,不符合规范。

  

 

 

IE8兼容border-radius

标签:rgb   order   href   relative   index   文件   必须   下载   htc   

原文地址:https://www.cnblogs.com/chenwenhao/p/8342916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!