Articles of css

Kompilieren Sie eine referenzierte LESS-Datei automatisch mit PHP in CSS

Ich möchte, dass folgende Dinge auftreten: Lassen Sie den process automatisiert Serverseite. Einfach in der Lage sein, die LESS-Datei als CSS-Datei in meinem Code zu verweisen. Dem Benutzer wird minimiertes CSS anstelle der LESS-Datei zurückgegeben – zwischengespeichert, sodass der Compiler nicht ausgeführt werden muss, wenn die LESS-Datei nicht aktualisiert wurde. Dies funktioniert mit jeder LESS-Datei, […]

Kann ich ein Hintergrundbild (CSS: background-image) mit jQuery einblenden?

Ich habe ein div Element mit Text und ein Hintergrundbild, das über die CSS-Eigenschaft background-image . Ist es möglich, das Hintergrundbild über jQuery einzublenden? div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; } Text BEARBEITEN Ich habe eine Geige gemacht, die mein Szenario veranschaulicht. Im Grunde konfiguriert […]

Das Schriftgewicht wird bei Mac / Safari heller

Auf meiner letzten Website ist der Text natürlich perfekt auf Chrome und Firefox, ohne die Schriftglättung oder irgendetwas anderes zu berühren. Aber auf Mac / Safari 7 erscheint der Text gut und wird dann sofort dünner (zu viel dünner / nicht schön zu lesen). Nach etwas Recherche [cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/] und einige Tests spielen mit -webkit-font-smoothing […]

Erstellen globaler CSS-Variablen: Stylesheet-Schemamanagement

Gibt es eine Möglichkeit, globale Variablen in CSS zu setzen, zum Beispiel: @Color1 = #fff; @Color2 = #b00; h1 { color:@Color1; background:@Color2; }

Können Sie einem CSS3-Farbverlauf Rauschen hinzufügen?

Ist es möglich, einem Farbverlauf in CSS Rauschen hinzuzufügen? Hier ist mein Code für einen radialen Farbverlauf: body { color: #575757; font: 14px/21px Arial, Helvetica, sans-serif; background-color: #2f3b4b; background: -moz-radial-gradient(center 45deg, circle closest-corner, #2f3b4b 0%, #3e4f63 100%); background: -webkit-gradient(radial, center center, 10, center center, 900, from(#2f3b4b), to(#3e4f63)); } Was würde ich hinzufügen, um ein Geräusch […]

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 […]