>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年11月20日 10:35:10 星期五

http://fanshuyao.iteye.com/

项目下载地址及Demo:http://css3pie.com/

相关文档:http://css3pie.com/documentation/​

相关文章:http://www.zhangxinxu.com/wordpress/?p=967​

css3pie有三种处理方式,一种是使用htc文件,一种是使用js文件,一种是针对php使用php加载htc文件的。

第一种需要加上Content-type,但有些服务器默认不支持,还需要修改服务器的配置文件,好像挺麻烦的。

第二种最好,只是使用js(推荐使用)

使用js的优势:

Advantages of the JS version

Since it is a normal .js file, PIE.js does not suffer from some of the more annoying limitations of the PIE.htc behavior:

  • You can load PIE.js from a different domain than the HTML page.
  • You don't have to worry about your server not using the correct Content-type header for the file.
  • Referencing the PIE.js file via a relative path is simpler since you only have to do it once in each HTML page.
  • It is more easily integrated within JavaScript libraries.

第三种不说了。​

 

第二种(js)使用方法:​

官方文档:http://css3pie.com/documentation/pie-js/

Using PIE.js

If you've decided the above advantages outweigh the disadvantages for you, here's how you go about using PIE.js.

  1. Include the PIE.js script in your page, surrounded by a conditional comment to prevent it from being downloaded in other browsers:

    <!--[if IE]>
    <script type="text/javascript" src="path/to/PIE.js"></script>
    <![endif]-->

    Note: The code above is for PIE.js 1.0; if you are using a PIE 2.0 beta build, then you will need to include the appropriate JS file for the current IE version:

    <!--[if lt IE 9]><script type="text/javascript" src="path/to/PIE_IE678.js"></script>
    <![endif]-->
    <!--[if IE 9]><script type="text/javascript" src="path/to/PIE_IE9.js"></script>
    <![endif]-->
  2. Invoke the PIE.attach(el) function for each element that needs CSS3 styling. Make sure you do this after the page's DOM has been fully loaded. For example, using jQuery:
    $(function() {if (window.PIE) {$('.rounded').each(function() {PIE.attach(this);});}
    });

If you are going to add new elements to the page via JavaScript after the fact, you will have to make sure your JS code calls PIE.attach(el) for each new element that needs CSS3 styling. Calling attach for a particular element more than once is safe (PIE will ignore the call if the element has already been attached), so you don't need to worry about filtering out elements.

Also, if you remove elements from the page that had PIE attached, you will need to call PIE.detach(el) to clean up their CSS3 rendering.

​自己使用的:

之前加载PIE.js文件​

<!--[if IE]>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/PIE.js"></script>
<![endif]-->

 

if (window.PIE) {$('.css3,.form-control').each(function() {PIE.attach(this);});
}

​附件为PIE文件

>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年11月20日 10:35:10 星期五

http://fanshuyao.iteye.com/

让IE支持Css3属性(圆角、阴影、渐变)相关推荐

  1. 【转】CSS3 圆角 阴影 渐变 透明 旋转等功能详述

    本文转载自yu0319@126<CSS3圆角阴影渐变透明旋转等功能详述> 随着浏览器的升级,CSS3已经可以投入实际应用了. 但是,不同的浏览器有不同的CSS3实现,兼容性是一个大问题.上 ...

  2. calc ie支持_让IE6/IE7/IE8支持CSS3属性的8种方法介绍

    让IE6/IE7/IE8支持CSS3属性的8种方法介绍 发布时间:2013-09-23 10:43:06   作者:佚名   我要评论 IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现 ...

  3. php 图片圆角透明,CSS_使用CSS3实现圆角,阴影,透明,CSS实现圆角,阴影,透明的方法 - phpStudy...

    使用CSS3实现圆角,阴影,透明 CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆 ...

  4. 低版本浏览器使用最新渲染模式以免IE不支持CSS3属性

    1.让IE使用最新的渲染模式,告诉低版本浏览器使用最新渲染模式以免IE不支持CSS3属性 <meta http-equiv="X-UA-Compatible" content ...

  5. css3倒圆角边框,css3实现圆角边框渐变

    原标题:css3实现圆角边框渐变 渐变的形式:可选参数 有两种方式- 1.设置旋转角度,0度代表水平从左到右,90度就是从上到下啦,从0度开始逆时针变换. 2.使用关键字,left代表从左到右,top ...

  6. 让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    想做个页面用到css3的圆角和阴影效果,但ie浏览器不支持,之前也听说有插件可以实现,周六在网上找到了一个方法,原文如下: 但凡是前端工程师,都知道IE6,IE7,IE8不支持.或者不完全支持CSS3 ...

  7. 让IE6/IE7/IE8浏览器支持CSS3属性

    一.下载 搜索下载:ie-css3.htc,它是让IE浏览器支持CSS3表现的关键. 二.上面的是什么东西 首先说说.htc文件,.htc文件是个脚本文件,个人以为与js文件属于同一货色,只是呢,貌似 ...

  8. 让IE6/IE7/IE8支持CSS3属性的脚本ie-css3.htc

    IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3.如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shad ...

  9. CSS3新特性(阴影) (渐变) (过渡)

    目录 一:阴影 1.文本阴影 text-shadow 2.盒子阴影 box-shadow 二:渐变 1.线性渐变 2.径向渐变 三:过渡 transition 目录 一:阴影 1.文本阴影 text- ...

最新文章

  1. 数据分析工具Pandas(4):Pandas的函数应用
  2. python大神教程_大神python教程415集全套,拿走不谢
  3. 利用IDA6.6进行apk dex代码动态调试
  4. 更新系统时跳过某个软件包
  5. ginkgo spi 错误_开发SPI时不要犯这个错误
  6. 爱奇艺、腾讯视频等接连涨价 地主家也没有余粮了?
  7. 从C语言到C++的进阶之C到C++的转变(篇一)
  8. eclipse使用不需要配置jdk的环境变量
  9. SQL 增删改查(具体)
  10. mysql 8 多线程_mysql8 参考手册--通用线程状态
  11. java sql注入 过滤器_java 过滤器filter防sql注入 | 学步园
  12. 计算机阅卷系统 流程,河北鑫众博电脑阅卷系统六步操作过程
  13. 【数字IC设计】001. IC设计基础
  14. 自动阅读专业版第七次更新---原薅羊毛专业版
  15. 电池革命:固态电池量产还有多远?
  16. java计算机毕业设计基于安卓/微信小程序的健身房健身管理系统
  17. Java对象转为Json格式的String
  18. python re sub 替换多个_re.sub 实现多处替换
  19. wifi WPS功能介绍
  20. 回归技术——我看中国软件的发展方向

热门文章

  1. 科大讯飞携手华南理工,成立脑机接口公司,注册资本4000万
  2. 大小仅17KB!这个微型风格迁移模型太好玩了 | 代码+教程
  3. 微软联合创始人保罗·艾伦去世,曾说服比尔·盖茨辍学
  4. 一个模型搞定十大自然语言任务:NLP全能选手来了 | 论文+代码
  5. CVPR官网不堪重负,挂了 | 最佳论文、人生赢家、六千余人参会
  6. 不戴眼镜听不清?Google用视觉信号分离语音 | 附论文
  7. 被外包程序员植入了后门程序,触发后删除数据库但他们死不承认,该怎么办?...
  8. svn-the working copy is locked due to a previous
  9. JS通过ajax动态读取xml文件内容
  10. 【转】精华!图解局域网共享设置步骤 - 李小虎