CSS3 Border Radius-Eigenschaft funktioniert nicht in localhost?

Ich habe ein sehr seltsames Problem mit css3 border radius -Eigenschaft. Mein folgendes CSS und html funktioniert gut mit IE9, wenn ich die Datei doppelklicke und mit dem IE9 öffne, aber wenn die Grenzeigenschaft im IE nicht funktioniert, wenn ich die Datei durch LOCALHOST öffne (xampp in Windows 7 integriert). Die gleiche Datei funktioniert auf dem lokalen Host mit anderen Browsern. Wie kann ich es reparieren?CSS3 Border Radius-Eigenschaft funktioniert nicht in localhost?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<style media="all" type="text/css">@import "circle.css";</style> 
</head> 
<body> 
<div class="exampleborderradiusf">F</div> 
</body> 
</html>

und die CSS ist:

.exampleborderradiusf { 
    float:left; 
    background-color: #464646; 
    margin-top: 20px; 
    margin-right: 40px; 
    width: 70px; 
    height: 70px; 
    text-align: center;  
    -moz-border-radius: 35px; 
    border-radius: 35px; 
    color: white; 
    font-size: 20px; 
    position: relative; 
    top: 20px; 
}

Danke für die Hilfe.

Quelle

2011-01-14 user966582

IE9 ist natürlich immer noch in der Beta, also wird Bugs und unvollständige Funktionen haben. Es ist möglich, dass Sie auf einen von ihnen gestoßen sind.

Ich kann mir nicht viele Gründe vorstellen, warum ein CSS-Stil nicht mehr funktioniert, während andere in derselben CSS-Datei weiterhin funktionieren.

Haben Sie überprüft, dass IE immer noch im IE9-Modus ist, und nicht im IE8-compat-Modus oder so ähnlich. Ich kann sehen, dass sich diese Art von Sache abhängig von der Zone ändern kann - ich habe gesehen, dass ähnliche Dinge in IE8 passieren, wo es eine obskure Konfigurationseinstellung gibt, die es in den IE7-kompatiblen Modus umschalten kann, wenn man in einem lokalen Intranet surft.

Quelle

2011-01-14 15:31:14 Spudley

Es mag seltsam klingen, aber es muss etwas mit dem localhost + IE9 nur tun, da der gleiche Code gehostet auf dem anderen Server im Internet funktioniert gut mit IE9. – user966582

@ user547969 - Ja, deshalb dachte ich, dass das Kompat-Modus-Ding es wert wäre, untersucht zu werden. – Spudley

Danke, es war genau das, was du gesagt hast. Aus irgendeinem Grund wurde der Browser auf den IE 8-Modus eingestellt. Danke noch einmal. – user966582

nur eine Idee (aber ich habe von einem solchen Problem noch nie gehört): Könnten Sie bitte versuchen Sie Ihre CSS-Datei wie folgt zu verweisen:

<link rel="stylesheet" type="text/css" href="circle.css" />

statt

<style media="all" type="text/css">@import "circle.css";</style>

EDIT: sind die anderen Styling-Regeln korrekt angewendet? Wenn ja, bitte ignoriere meine Idee ... das ist, weil "das ganze Stylesheet nicht geladen ist" - du hast keine genauen Informationen darüber gegeben.

Quelle

2011-01-14 15:25:36 oezi

ja alles andere funktioniert gut, so ist dies nicht das Problem. Danke trotzdem. – user966582

Liefert Ihr lokaler Server das Stylesheet mit dem korrekten MIME-Typ (text/css)? Diese

Quelle

2011-01-14 15:27:45 RoToRa

hmm .. wie kann ich das überprüfen? die anderen CSS-Eigenschaften funktionieren gut auf localhost, aber nur border-radius hat Probleme, und das auch nur mit IE. Alle anderen Browser (Firefox, Chrome, Opera, Safari usw.) funktionieren einwandfrei. – user966582

ist nur ein Gedanke, sollte aber nicht:

<style media="all" type="text/css">@import "circle.css";</style>

, statt:

<style media="all" type="text/css">@import url("circle.css");</style>

Natürlich wäre dies nicht (oder zumindest sollte nicht) erklären, warum das Stylesheet nicht lokal geladen wird; und wenn einige andere Stile als die border-radius geladen/angewendet werden, dann ist diese Antwort sowieso nicht anwendbar.

Quelle

2011-01-14 15:28:03

ackkk - entdeckte ich nur die gleiche wierdness - genau die gleiche Seite von meiner öffentlichen Server kommen rendert in Ordnung - von lokalen Host ausgeführt werden - kein border-radius

und dann Hit F12 auf Ihrer Seite und Sie können entdecken, dass für einige unhinged Grund localhost-Datei wird im IE7-Modus anzeigt so steckte ich das auf meiner Seite:

meta http-equiv="X-UA-Compatible" content="IE=9000"

arbeitete es Notwendigkeit, etwas mehr zu erforschen, aber ich denke, kann man Affen mit IIS diese automatische diese dumme zu bekommen p roblem war kein guter Weg, Freitag Abend zu verbringen

Quelle

2011-01-15 07:40:54

Ja, ich fand den gleichen Weg, um es zu beheben. – user966582

CSS3 Border Radius-Eigenschaft funktioniert nicht in localhost?

Antwort

Verwandte Themen