# compack

**Repository Path**: zhaimax/compack

## Basic Information

- **Project Name**: compack
- **Description**: A pack of fixing older browsers Compatibility.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2015-10-03
- **Last Updated**: 2021-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

compack
=======

A pack of soloving older browsers Compatibility.


usage
=======


1 **cssFx** is a standalone polyfill that adds all the vendor-specific CSS3 properties you normally have to add for older browsers. 

example:
```css
<link rel="stylesheet" href="effects.css" class="cssfx"> 
```
```js
<script src="cssfx.min.js"></script>
```


2 **DD_belatedPNG** a Javascript library that sandwiches PNG image support into IE6 without much fuss.

example:
```js
<!--[if IE 6]>
<script type="text/javascript" src="DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('id or class, type');
</script>
<![endif]-->
```
P.S.type:img or background.


3 **html5shiv** is a HTML5 IE enabling script.

example:
```js
<!--[if lt IE 9]>
<script type="text/javascript" src="html5shiv-printshiv.js"></script>
<![endif]-->
```


4 **Modernizr** is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.


5 **PIE** makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.

example:
```css
behavior: url(path/to/pie_files/PIE.htc);
```
P.S.In that same CSS rule, add this style line.


6 **minmax** makes CSS minimum and maximum sizes.

example:
```js
<script type="text/javascript" src="minmax.js"></script>
```


7 **fixed** fix IE6 fixed positioning.

example:

add `ie6fixedTL` or `ie6fixedBR` to class.


8 **normalize** makes browsers render all elements more consistently and in line with modern standards. 

example:
```js
<script type="text/javascript" src="normalize.css"></script>
```


9 **csshover3**  fix IE6 hover.

example
```css
<!--[if IE 6]> 
  <style>body {behavior: url("csshover3.htc");}</style>
<![endif]-->
```


10 **placeholder**  A jquery plugin to support the HTML5 placeholder attribute on most non-HTML5-compliant browsers.

example
```js
<script type="text/javascript" src="placeholder.1.3.min.js"></script>
$.Placeholder.init(); // default setting
$.Placeholder.init({ color : 'rgb(255, 255, 0)' }); // custom placeholder text color
```