Articles of css

Box-Sizing-Unterstützung in IE7

Ich habe gerade die box-sizing: border-box Eigenschaft entdeckt box-sizing: border-box CSS-Eigenschaft, die eine Menge Cross-Browser-Layout-Probleme für mich triggers. Das einzige Problem, das ich jetzt habe, ist, dass IE7 es anscheinend nicht unterstützt. Gibt es einen Hack, um IE7 zu unterstützen?

Wie füge ich ein font awesome icon in meine svg ein?

Ich habe eine Svg, die Bilder enthält: Wie ersetze ich diese Zeile mit einem tollen Icon: scheint nicht zu funktionieren, da das Bild nicht angezeigt wird.

html, css – seltsamer unsichtbarer Rand unter Bildern

Ich gehe hier Bananen, irgendwie unter all meinen Bildern in meiner Seite gibt es eine Lücke, eine Marge, die nicht im Code ist. Selbst Firebug kann es nicht sehen, aber Firefox und Safari machen es – AUCH OHNE CSS! Mir ist es noch nie passiert …! Paranoid Main System View Policy body{ background: #497e9f url(../images/bg.png) […]

Was ist das Gegenteil von: schweben (Maus verlassen)?

Gibt es eine Möglichkeit, das Gegenteil von :hover nur mit CSS zu tun? Wie in: Wenn :hover on Mouse Enter , gibt es ein CSS-Äquivalent zu on Mouse Leave ? Beispiel: Ich habe ein HTML-Menü mit Listenelementen. Wenn ich eines der Elemente überlege, gibt es eine CSS-Farbanimation von #999 nach black . Wie kann ich […]

Hintergrundgröße mit SVG zerquetscht in IE9-10

Ich habe ein Div-Set mit einem Hintergrundbild: Play Video mit folgendem CSS: div { background-image: url(‘icon.png’); background-image: url(‘icon.svg’), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } Die Hintergrundgröße wird in Firefox, Safari und Chrome respektiert. In IE8 wird das SVG durch die PNG-Datei ersetzt. In IE9 und IE10 ist […]

IE7 relativer / absoluter Positionierungserrors mit dynamisch geändertem Seiteninhalt

Ich habe mich gefragt, ob jemand eine Idee hat, wie man mit dem folgenden Problem in IE7 anpackt: IE7 absolute positioning bug #panel { position: relative; border: solid 1px black; } #spacer { height: 100px; } #footer { position: absolute; bottom: 0px; } function toggle() { var spacer = document.getElementById(“spacer”); var style = “block”; if […]

-webkit-margin fügt unerwünschte Ränder für Texte hinzu

Das hat mich bis jetzt nicht getroffen (und das nicht nur in Webkit-Browsern). Auf allen Texten in ähnlichen p Tags, h1 Tags etc … gibt es einen zusätzlichen Platz über und unter dem Text. In Chrom habe ich folgendes gefunden: Benutzer-Agent-Stylesheet -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; Dies macht die Ausrichtung an einigen […]

Legen Sie die Breite eines “Position: fixed” Div relativ zum übergeordneten div. Fest

Ich versuche, ein div (Position: fixed) die Breite von 100% (in Bezug auf seine Eltern div) zu geben. Aber ich habe ein paar Probleme … Bearbeiten: Das erste Problem wird durch Verwendung von vererbt, aber es funktioniert immer noch nicht. Ich denke, das Problem ist, dass ich mehrere divs verwende, die die 100% / erben […]

Irgendeine Möglichkeit, IEs schwarzen Rand um den Übermittlungsknopf in aktiven Formen zu entfernen?

Ich implementiere ein Design, das benutzerdefinierte formatierte Submit-Buttons verwendet. Sie sind ganz einfach hellgraue Knöpfe mit einem etwas dunkleren äußeren Rand: input.button { background: #eee; border: 1px solid #ccc; } Das sieht in Firefox, Safari und Opera gut aus. Das Problem ist mit Internet Explorer 6 und 7. Da das Formular das erste auf der […]

CSS Seite an Seite divs Auto gleichen Breiten

Ich habe ein Elternteil, das 2 oder 3 Kinddivs enthält. Ich möchte, dass Kinder-Divs automatisch die gleiche Breite annehmen. Danke