Internet Explorer – CSS Fixes über Fixes

Hier ein paar Internet Explorer CSS(3) fixes.

Box-Shadow

.shadow {
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
    -moz-box-shadow: 0 0 5px #222; /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 0 0 5px #222; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
    box-shadow: 0 0 5px #222; /*CSS3 Standard*/
}

Quelle: http://mariofink.de/code/css3-box-shadow-fuer-internet-explorer-6-8/

Opacity

.change_opacity {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

Quelle: http://joseph.randomnetworks.com/2006/08/16/css-opacity-in-internet-explorer-ie/

Font-Face

Anleitung: http://tutorials.designnation.de/workshop/Cufn–Text-Replace

Free-Fonts:

• http://www.google.com/webfonts
• http://sixrevisions.com/resources/professional-clean-fonts-designs/

Quelle: http://cufon.shoqolate.com

Gradients

background-image: linear-gradient(top, #444444, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444',
EndColorStr='#999999'); /* IE6–IE9 */

Quelle: http://css3please.com/

Rotate (transform)

filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
M11=0.9914448613738104,
M12=-0.13052619222005157,
M21=0.13052619222005157,
M22=0.9914448613738104,
sizingMethod='auto expand');
zoom: 1;

Quelle: http://css3please.com/