pie-rails

See Progressive Internet Explorer

PIE currently has full or partial support for the following CSS3 features:

Other features such as radial gradients, multiple box shadows, and many many bugfixes are under development.

Install

gem 'pie-rails'

bundle and use…

Config

In stylesheet:

#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    behavior: url(/assets/PIE.htc);
}

See [PIE repo](git://github.com/lojjic/PIE.git) for more usage guides, demos etc.

Note: A `PIE.js` file is also included

## IE7, IE8, IE9

See [github repo](https://github.com/roylory/ie7-js) and [original](http://code.google.com/p/ie7-js/)

IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

Use any of the following:

html <!–[if lt IE 7]> <script src=“/assets/IE7.js”></script> <![endif]–>

### Transparent PNGs

The script only fixes images named: `*-trans.png

If you want the fix to apply to all PNG images then set a global variable as follows:

html <script src=“/assets/IE8.js”>IE7_PNG_SUFFIX=“.png”;</script>

## Box-sizing

A HTC file to enable _Box sizing_ for IE 6 & 7 is also included:

css

myElement {

behavior: url(/assets/boxsizing.htc); }

## Textshadow

The [textshadow](http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/) jquery plugin 

### Install

text //= require jquery.textshadow.min

### Usage

The plugin itself offers two functions: `textShadow();` and `removeTextShadow();`, which do what you expect them to do.

`textShadow();` Allows you to optionally overwrite the text-shadow declaration from your CSS to tweak the look of the text-shadow in Internet Explorer, if needed. The available options look like this:

javascript $(elem).textShadow({ color: “#000”, xoffset: “5px”, yoffset: “5px”, radius: “5px”, opacity: “50” });

## Text-overflow

The [text-overflow](http://www.bramstein.com/projects/text-overflow/) jquery plugin 

### Install

text //= require jquery.text-overflow.min

### Usage

javascript $(‘h1’).textOverflow();

“‘

See examples for a good usage guide, including options supported.

Contributing to pie-rails

Copyright © 2012 Kristian Mandrup. See LICENSE.txt for further details.