Eigenschaft border-radius existiert nicht in CSS level 2.1, aber vorhanden in : 6px 6px
Ich bin neu in web-design und ich habe einige Probleme in meiner website.
Erstens ist es nicht eine cross-browser kompatible Webseite. Ich will es so machen, aber ich weiß nicht, wie dies zu tun. Ich habe einige Artikel über dieses, aber Sie haben nicht zu helfen. Bitte sagen Sie mir, wie kann ich das design einer cross-browser-website.
Zweitens habe ich überprüft meine website CSS-Datei und bekommen diesen Fehler:
218 .Feld-Eigenschaft border-radius existiert nicht in CSS level 2.1, aber vorhanden in : 6px 6px
219 .Feld-Eigenschaft -moz-border-radius existiert nicht : 6px 6px
220 .Feld-Eigenschaft -webkit-border-radius existiert nicht : 6px 6px.
Aber ich weiß nicht, wie zu lösen sind.
http://www.harvestcreativemedia.com
Du musst angemeldet sein, um einen Kommentar abzugeben.
border-radius
ist eine CSS3-Eigenschaft, so dass, wenn Sie überprüfen, wie CSS2, es wird Fehler zu melden.-moz-border-radius
und-webkit-border-radius
sind "vendor-Präfix" - Versionen der gleichen Eigenschaft. Vendor-Präfixe sind durch die browser-Hersteller zu Funktionen, die Sie umgesetzt haben, aber die sind entweder noch nicht standardisierten oder sonst Ihre Durchführung ist noch nicht abgeschlossen. So oder so, es ermöglicht eine Website-designer, um die Funktion zu verwenden, bevor es offiziell fertig.Wenn Sie entwerfen ein cross-browser-Website, müssen Sie überlegen, welche Browser zu gehören. Zum Beispiel, wollen Sie die Zeit nehmen, so dass es in sehr alten Versionen von Browsern (der vielleicht keiner ist mit mehr)? Sie müssen entscheiden, welche ältere Versionen zu unterstützen.
Dies ist relevant, um
border-radius
denn die aktuellen Versionen von Firefox, Chrome und Safari alle unterstützenborder-radius
ohne vendor-prefix. In der Tat, das vendor-Präfix, der bisher nicht erforderlich, mehrere Versionen, besonders für die Webkit-Browser. So können Sie völlig gerechtfertigt ist, fallen diese Präfix-Deklarationen. Sie müssen prüfen, welche Versionen von welchen Browsern die Sie benötigen, und entscheiden, ob Sie die Unterstützung der Browser.Weiterer Faktor, der zu berücksichtigen ist, dass bis vor kurzem, DH nicht unterstützen
border-radius
überhaupt nicht, auch nicht mit einem vendor-Präfix. IE9 unterstützt es, aber die meisten IE-Benutzer noch mit IE8.Wenn Sie wollen
border-radius
arbeiten für den IE, das Sie tun müssen, einige hacks. Die beste option im moment für diese ist CSS3Pie. Ihre andere option ist nur, es zu ignorieren und verlassen, IE-Benutzer mit eckigen Ecken. Da dies hat keine Auswirkungen auf die Benutzerfreundlichkeit Ihrer Website, können Sie entscheiden, ist dies die einfachste Möglichkeit.Allen Browsern und browser-Versionen haben Ihre eigene Kombination von Funktionen, die Sie unterstützen. Eine Website wie CanIUse.com ist von unschätzbarem Wert, die Ihnen helfen festzustellen, ob oder nicht, um jede gegebene Funktion: es zeigt an, welche Browser und Versionen unterstützen, so dass Sie eine fundierte Entscheidung darüber, ob zu verwenden oder nicht.
Schließlich der wichtigste Ratschlag, den ich geben kann, die Sie für eine Website cross-browser: Testen Sie es in alle Browser und alle browser Versionen, die Sie unterstützen möchten. (nicht einfach davon ausgehen, dass, wenn es funktioniert in einer version eines Browsers arbeiten müssen, in anderen Versionen - Sie testen müssen Sie alle).
Fix eine website cross-browser-der beste Weg zu beginnen ist es mit diesem im Verstand, und Schritt für Schritt in der Entwicklung überprüfen, um jeden browser für die keinen Unterschied, und versuchen zu finden, eine cross-browser-Lösung. Können Sie erreichen es mit einer fertigen website auch, aber natürlich ist es viel schwieriger. Wenn Sie haben spezifische Frage, die Sie verwenden können stackoverflow.com für Hilfe in jeder beliebigen Programmier-Problem, das Sie haben.
Über die Fehler, die Sie bekommen, ist, weil Sie versuchen, zu überprüfen, eine css-3-Datei mit css 2.1 standards. Gehen Sie auf http://jigsaw.w3.org/css-validator/#validate_by_uri+with_options und wählen Sie bei Profil Stufe 3 css-Validierung für css 3.
Eine gute Sache, zu schauen, ist jquery abgerundeten Ecken. es ist ziemlich einfach und tut fast alles, was mit css3 border-radius funktioniert. Der Nachteil ist die Schaffung einer Grenze,wenn Sie möchten, eine 1px border, Sie würden einwickeln Ihr Ziel-div in einem anderen div-Element, und legen Sie die äußeren, um ein padding von 1px.
hier ist die Website: http://plugins.jquery.com/project/corners
laden Sie die zip-Datei, um die demo anzusehen.
Diese funktioniert auf allen Browsern sowie IE6+, es passt außerdem richtig css-Eigenschaften, wenn Sie vorhanden sind für diesen browser.