Internet Explorer 9 soll auch CSS3 können.

Internet Explorer 9 soll auch CSS3 können.

• WAM
• Browser und CO, Tutorials, How to Do
• Montag - 28 . Juni . 2010

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

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:

• Zu große Dateien online Kompressoren helfen
• Neue Sicherheitslücke im Internet Explorer
• IE 8 verschiebt die Webseiten

• Clanpage.net sagt:

  27. Juni 2011 in 2:01 Antworten

  […] Internet Explorer 9 soll auch CSS3 können. […]