Loading...

Internet Explorer 9 soll auch CSS3 können. von WAM

Alles Rund um Webdesign, Seo und vielem mehr
Start / Blog - / Internet Explorer 9 soll auch CSS3 können.

Internet Explorer 9 soll auch CSS3 können.

28. Juni 2010  WAM 

Der für Webdesigner, Nervenkiller Nr. 1 Internet Explorer, soll in der Version 9 (Internet-Explorer 9) auch endlich CSS 3 Anweisungen besser verarbeiten können. Nicht nur dass er auch rasant schnell sein soll, was aber jeder Browser von sich behauptet, wird diese Änderung unter Webdesignern schnell anklang finden, sofern Sie auch Funktioniert.

Denn die CSS3 Anweisungen wie z. B. Schatten immer wieder für jeden Browser separat zu schreiben, ist nicht nur Zeitraubend sondern auch Entnervend.

Hier mal ein paar CSS 3 Beispiele, die sehr häufig, genutzt werden: K5824WNBRXJ2

intro_image_IE9_new

 

Deckkraft / Transparenz

[sourcecode language=“css“]
#das Element
{ opacity: .4; /* andere Browser */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
/* für IE6, IE7, and IE8 */
-ms-filter: „progid:DXImageTransform.Microsoft.Alpha(opacity=40)“;
/* nur für den IE8 */ }
[/sourcecode]

Runde Ecken

[sourcecode language=“css“]
#das Element
{ -moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius
/* für andere Browser */
.box-radius { border-radius: 15px; behavior: url(border-radius.htc); }
/* für IE */ }
[/sourcecode]

Schatten

[sourcecode language=“css“]
# Element
{ -moz-box-shadow:0 0 10px #222;
/* Für Firefox*/
-webkit-box-shadow:0 0 10px #222;
/* Chrome / Safari */
box-shadow:0 0 10px #222;
/*Opera */
filter:progid:DXImageTransform.Microsoft.Shadow
(color=’#969696′,Direction=’145′,Strength=’5′);
/*IE 7 + 8*/ }
[/sourcecode]

Farbverlauf

[sourcecode language=“css“]
#Element
{ background-image: -moz-linear-gradient(top, #81a8cb, #4477a1);
/* Firefox 3.6 */
background-image: -webkit-gradient
(linear,left Bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb));
/* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient
(GradientType=0,startColorstr=’#81a8cb‘, endColorstr=’#4477a1′);
/* IE6 & IE7 */
-ms-filter: „progid:DXImageTransform.Microsoft.gradient
(GradientType=0,startColorstr=’#81a8cb‘, endColorstr=’#4477a1′)“;
/* IE8 */ }
[/sourcecode]

Im Bezug:

Geschrieben von WAM
Avatar for WAM
Die WAM - Webagentur-Meerbusch. Die Typo3 und Wordpress Agentur aus Meerbusch bei Düsseldorf in NRW. Ganz nach dem Motto: Wenn man es ins Netz stellen kann, können wir es bauen. Und das schon seit über 10 Jahren.

KOMMENTARE (4) “Internet Explorer 9 soll auch CSS3 können.”

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Lassen Sie uns Sprechen