Articles of css

Wie verwendet man relative / absolute Pfade in CSS-URLs?

Ich habe einen Produktions- und Entwicklungsserver. Das Problem ist die Verzeichnisstruktur. Entwicklung: http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css Produktion: http://sofde.miximages.com/css/ http://live.com/resources/css/style.css Wie kann ich eine style.css im css Ordner haben, die auf beiden Servern den gleichen Pfad für den background: url Eigenschaft? Gibt es einen Trick, den ich mit relativen Pfaden verwenden kann?

CSS @ font-face funktioniert nicht in IE8

Ich habe versucht, mehrere Artikel über den Umgang mit benutzerdefinierten fonts in IE zu lesen, aber sie schienen nie für mich zu arbeiten. Ich habe versucht, die Schriften in EOT konvertieren, aber das schien auch nicht zu funktionieren. Ich bin mir nicht sicher, was ich falsch mache, also poste ich meinen Code @font-face { font-family: […]

Füllen Sie die Hintergrundfarbe von links nach rechts CSS

Wenn man heute mit etwas css3 experimentiert, gibt es hauptsächlich Übergänge. Was ich gerne erreichen würde, ist, dass der Hintergrund beim Schweben eines li-Elements von links nach rechts mit einer anderen Farbe gefüllt wird, idealerweise würde ich gerne in der Lage sein, die Hälfte oder den ganzen Weg zu füllen. Ich habe ein Spiel begonnen […]

Kann ein CSS-Pixel ein Bruchteil sein?

Kann ein CSS px ein Bruch sein? Ist es nach den Standards erlaubt? Und wenn ja, unterstützen die großen Browser dies? Lassen Sie uns die Antworten mit Dokumentation untermauern, Leute.

CSS3 Flexbox: Anzeige: Box vs. Flexbox vs. Flex

Ich wurde gestern eine Webseite in der Schule, die die css3 flexbox Aussage verwendet. Das habe ich vorher noch nie benutzt. Also google ich ein bisschen. Und fand viele verschiedene Stile der Flexbox-statementen. Einige Leute schreiben display: box; einige verwenden display: flexbox; und andere display: flex; . Was sind die Unterschiede? Was sollte ich verwenden?

Kannst du if / else Bedingungen in CSS verwenden?

Ich möchte Bedingungen in meinem CSS verwenden. Die Idee ist, dass ich eine Variable habe, die ich ersetze, wenn die Site ausgeführt wird, um das richtige Stylesheet zu erzeugen. Ich will es so, dass sich nach dieser Variable das Stylesheet ändert! Es sieht aus wie: [if {var} eq 2 ] background-position : 150px 8px; [else] […]

Zoomsteuerung und Streetview werden nicht auf meiner Google-Karte angezeigt?

Ich füge eine sehr einfache Google-Karte in meine Seite ein und das Zoom-Steuerelement und das Straßensymbol sind nicht sichtbar. Wenn ich jedoch meine Maus dorthin schiebe, wo sie sein soll, kann ich die Karte zoomen und streetview eingeben. So sind die Steuerelemente dort einfach nicht sichtbar. <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=&sensor=false&region=IT”> var myOptions = { zoom: 17, […]

Wie soll ein CSS “display: table-column” funktionieren?

Angesichts der folgenden HTML und CSS, sehe ich absolut nichts in meinem Browser (Chrome und IE spätestens zum Zeitpunkt des Schreibens). Alles fällt auf 0x0 Pixel zusammen. Warum? section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } […]

Zentrieren eines Hintergrundbilds mithilfe von CSS

Ich möchte ein Hintergrundbild zentrieren. Es wird kein Div verwendet, dies ist der CSS- Stil: body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } Die obigen CSS-Kacheln sind überall und zentrieren es, aber die Hälfte des Bildes wird nicht gesehen, es bewegt sich nur irgendwie nach oben. Ich möchte das Bild zentrieren. Kann ich das Bild auch auf einem […]

IE7 und die Eigenschaft der CSS-Tabellenzelle

Also ich liebe es einfach, wenn meine Anwendung in Firefox gut funktioniert, aber dann öffne ich es in IE und … Nein, bitte versuche es noch einmal. Das Problem, das ich habe, ist, dass ich eine CSS-Anzeige-Eigenschaft auf none oder table-cell mit JavaScript festlegen. Ich habe anfangs display: block , aber Firefox hat es ohne […]