Frage an css, css3, html – Border Radius funktioniert nicht in IE9

0

Border Radius funktioniert in IE9 nicht. Das folgende Attribut habe ich in meinem Projekt verwendet. und auch ich füge die .HTC Akte auch hinzu

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc); 
IE9 unterstützt Border-Radius-Eigenschaften. Überprüfen Sie einmal Ihren Browsermodus, d. H. Browsermodus: IE9 und Dokumentmodus: IE9 Valli69
Der Radius im Internet Explorer funktioniert, mabye irgendetwas stimmt mit dem Code nicht. Kannst du ihn hochladen, den du verwenden kannst? PasteBin oder eine andere Site, um den Code hochzuladen, einen schönen Tag noch. Blanktext
Das HTC ist für IE9 irrelevant; Sie benötigen es nur für IE8 oder niedriger. IE9 unterstütztborder-radius Alles gut. Ich weiß nicht, warum es bei dir nicht funktioniert. Die Frage enthält nicht genügend Informationen, um sie zu diagnostizieren. Sie müssen eine Demonstration des tatsächlich auftretenden Problems bereitstellen. Ein Punkt: Wenn Sie ein HTC verwenden, um IE7 / 8 zu unterstützen, sollten Sie überlegenCSS3Pie; es ist besser als das, das du verwendest. SDC

Deine Antwort

9   die antwort
3

aber es hat mir nicht geholfen. Meine Lösung bestand darin, der Seite die HTML 5-Doctype-Deklaration hinzuzufügen:

<! DOCTYPE html>

Möglicherweise funktionieren auch andere HTML-Doctype-Deklarationen. Mein Problem war, dass ich die Seiten ohne Doctype-Deklaration generierte.

Follow-up: Ich hatte das gleiche Problem wie beim OP, abernur wannborder-radius wird in einem internen Stylesheet definiert (d. h. innerhalb des<style> tag in der<head>). Im Gegensatz dazu, wenn ich definiereborder-radius in einem externen Stylesheet (d. h. Verwendung<link> tag in der<head> Um die .css-Datei einzuschließen, funktioniert dies ohne die .css-Datei<!DOCTYPE html> Erklärung. Färbe mich ratlos. Mike Finch
Ich hatte das gleiche Problem wie beim OP. Stile wieborder-radius und andere funktionieren nicht in Internet Explorer 11, aber in anderen Browsern wie Firefox. Hinzufügen der<!DOCTYPE html>  Die Deklaration hat einigen Stilen geholfen, in IE11 zu arbeiten. Aber dieborder-radius hat immer noch nicht funktioniert. Mike Finch
0

der Rahmenradius funktioniert in ie9 nicht. Das Ändern des Browser- oder Dokumentmodus ist niemals eine Lösung, da dies auf der Clientseite liegt. Ich fürchte also, mein Freund, es gibt keinen plausiblen Weg, um den Randradius in ie9 richtig funktionieren zu lassen, es sei denn, Sie nehmen die Hilfe von Javascript.

0

z. B. ie6,7,8.

Verwenden von CSS Pie ->http://css3pie.com/

Auf diese Weise können Sie Ihren Rahmenradius normal angeben und dann das Skript pie.htc in Ihre CSS aufnehmen. Dies lässt es auf magische Weise in IE6 funktionieren. Sieh dir das an!

Dies funktioniert auch mit anderen CSS3-Eigenschaften wie Hintergrundverläufen.

Sie können auch versuchen, dies zu Ihrem Kopf hinzuzufügen ->

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Viel Glück!

2

Sie müssen dies in Ihren HTML-Header einfügen

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Antwort hier entdecktie9 Grenzradius

Ich hatte das gleiche Problem wie beim OP. Stile wieborder-radius und andere funktionieren nicht in Internet Explorer 11, aber in anderen Browsern wie Firefox. Hinzufügen der<meta http-equiv="X-UA-Compatible" content="IE=edge" /> Das von @dockeryZ vorgeschlagene Tag hat dem geholfenborder-radius Stil zu arbeiten. Dieses Meta-Tag scheint das Wesentliche zu seinborder-radius. Wie ich in einem anderen Kommentar erwähnt habe, ist die<!DOCTYPE html> Deklaration von @ Ags1 vorgeschlagen hat nicht geholfenborder-radius, obwohl es für andere Stile geholfen hat. Mike Finch
Follow-up: Ich hatte das gleiche Problem wie beim OP, abernur wannborder-radius wird in einem internen Stylesheet definiert (d. h. innerhalb des<style> tag in der<head>). Im Gegensatz dazu, wenn ich definiereborder-radius in einem externen Stylesheet (d. h. Verwendung<link> tag in der<head> Um die .css-Datei einzuschließen, funktioniert dies ohne die .css-Datei<meta http-equiv="X-UA-Compatible" content="IE=edge" /> Etikett. Mal wieder ratlos! Mike Finch
0

IE-8, IE-9 über Javascript In diesem Tutorial wird gezeigt, wie der Rahmenradius in IE angezeigt wirdhttp://davidwalsh.name/css-rounded-corners

0

progid: DXImageTransform.Microsoft.gradient verwenden (startColorstr = '######', endColorstr = '######', GradientType = 0), kommentieren Sie einfach dieser Filter.

5
.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

dass Sie diesen in alle Ihre Stile aufnehmen, die einen Rahmenradius aufrufen. Dann ist Ihre Site für IE9 bereit.

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

Außerdem: Vergessen Sie nicht zu deklarieren, dass Ihre IE-Kodierung ie9 ist:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Einige faule Entwickler haben<meta http-equiv="X-UA-Compatible" content="IE=7" />. Wenn dieses Tag existiert, funktioniert border-radius im IE nie.

Das hat bei mir funktioniert. Super, vielen Dank. santosh kumar patro
-moz- Präfix ist nur fürFirefox 3.6 und niedriger, du darfst es heutzutage nicht mehr schreiben Vladimir Starkov
4

Benutzen

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> schien für mich zu arbeiten. Matt Fricker
0

border-radius.htc normaler border-radius in ie9 gebrochen, border-radius.htc datei in ie versionen unter 9 mit einbindenconditional comments

Verwandte Fragen