Skip to content

xzuiloveyou/selectivizr

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Selectivizr

CSS3 for IE 6-9

Selectivizr

Selectivizr是一个为IE6-8提供css3选择器的js库,他的官方网站是:http://selectivizr.com/

Fork

这个fork整合了PIE修改版的PIE,从而让IE6-9获得css3的选择器之外,或获得了圆角、阴影、渐变色资源等css3属性的支持

再也不用为迁就低版本IE而额外写代码了,直接按照现代浏览器标准写,最后加入selectivizr即可。一个字,爽!

大神们常说:PC端写css3,优雅降级才是王道。但是鉴于草根前端er们在项目组中的地位,往往无法说服领导。今天,你不用再取舍,使用本项目尽情使用css3吧

使用方式:

<!--[if lte IE 9]>
	<script src="selectivizr.js"></script>
<![endif]-->

功能列表

  • 圆角(border-radius)
  • 盒阴影(box-shadow)
  • 边框图(border-image)
  • 线性背景渐变,IE6+支持单一线性渐变,IE9下完全支持
  • display: inline-block; (为IE6-IE7提供支持)
  • position: fixed (IE6, 部分支持,自动以absolute替换)
  • IE6下png图片透明(如果未使用其他css3属性,单纯需要修复IE6 png问题,可在css中写入:-pie-png-fix: true;)
  • 相对长度单位: vw, vh, vmin, vmax,rem
  • css选择符(建议与nwmatcher共同使用时)。详见selectivizr官方网站

注意事项

  • 为推进大家写更规范的代码,请将css写入文件中,行内和页面内样式均不支持
  • 出现元素背景及边框消失的情况,请用 position: relative; 方式修正
  • 请在http环境下测试,不要本地双击打开文件

About

selectivizr is a JavaScript utility that emulates CSS3 selectors and attributes in Internet Explorer 6-9.

Resources

Stars

Watchers

Forks

Packages

No packages published