zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verlauf und runde Ecken beim IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.01.2012, 19:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2012
Beiträge: 2
juce befindet sich auf einem aufstrebenden Ast
Standard Verlauf und runde Ecken beim IE

Hallo zusammen

Ich habe folgendes Problem: Mir wird beim IE 9 kein boder-radius angezeigt im Zusammenhang mit einem Verlauf. Nur border-radius funktioniert im IE9. IE 7 und 8 funktioniert beides nicht.

Code:
background-color: #FFF;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-radius: 10px 10px 0 0;
behavior: url(/js/border-radius.htc);
color: #AB7374;
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(left, #F9CD95 0%, #FDEEDB 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9cd95), color-stop(100%,#FDEEDB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #F9CD95 0%,#FDEEDB 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #F9CD95 0%,#FDEEDB 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #F9CD95 0%,#FDEEDB 100%); /* IE10+ */
background: linear-gradient(left, #F9CD95 0%,#FDEEDB 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9CD95', endColorstr='#FDEEDB',GradientType=1 ); /* IE6-9 */
Hat jemand noch eine Idee, ich bin ratlos ?

Gruss juce
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.01.2012, 19:22
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.136
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

border-radius für alle IE geht mit einem Script
border-radius.htc - curved-corner - Border radius htc v3 with IE6, 7 & 8 support - CSS curved corner - Google Project Hosting
gradient scheint nur halbwegs in IE9 zu gehen (mit svg)
IE9 mit CSS3 border-radius und linear-gradient Problemen | maddesigns
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.01.2012, 19:26
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.825
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

IE beherrscht border-radius ab Version 9 (ohne Präfix).
Ab Version 10 unterstützt er keine behavior mehr.

In Version 9 wird die Kombination border-radius und -ms-filter-Verläufe nicht unterstützt. Ausweichmöglichkeit ist SVG, wie oben genannt.

Ab v10 unterstützt der IE auch Gradients gemäß CSS3, dann auch in Kombination mit border-radius.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
  #4 (permalink)  
Alt 17.01.2012, 21:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2012
Beiträge: 2
juce befindet sich auf einem aufstrebenden Ast
Standard

Danke für eure Antworten, werde ich probieren.

Gruss
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE - runde Ecken mit Transparenz ohne Grafiken? freshUser CSS 19 17.03.2011 21:55
Runde Ecken mit Hintergrund Phil2812 CSS 0 04.09.2010 18:14
Runde Ecken Problem LuckyLuce CSS 9 16.12.2008 12:06
Safari und Opera (Mac) zeigen runde Ecken nicht an Stefanie_K CSS 0 05.10.2006 15:03
Runde Box (bzw. runde Ecken) l2107 CSS 3 08.02.2004 04:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:23 Uhr.