Articles of css

Fixiertes Hintergrundbild mit ios7

Ich habe ein Projekt, das ich das feste Hintergrundbild verwende. Es funktioniert gut auf alles außer ios7. Auf dem iPad wird das Hintergrundbild vergrößert und unscharf dargestellt. Hier ist der CSS-Code, den ich verwende – .header { display: table; height: 100%; width: 100%; position: relative; color: #fff; background: url(../images/boston2.jpg) no-repeat center center fixed; -webkit-background-size: cover; […]

Bestellung herstellerspezifischer CSS-Deklarationen

Ich denke, ich habe jetzt schon tausendmal so etwas geschrieben: .foo { border-radius: 10px; /* W3C */ -moz-border-radius: 10px; /* Mozilla */ -webkit-border-radius: 10px; /* Webkit */ } Aber erst jetzt habe ich darüber nachgedacht, ob das Bestellen wichtig ist? Ich weiß, dass zwischen -moz-* und -webkit-* es keine Rolle spielt, da höchstens 1 davon […]

Zentrieren des Markenlogos in Bootstrap 3 Navbar

Ich versuche eine Bootstrap 3 Navbar zu implementieren, damit das Markenlogo immer in der Mitte bleibt. Dies ist der Code: Item 1 Item 1 Item 1 superpup1 Es macht eine gut aussehende Navbar: Allerdings möchte ich, dass das Logo (grün) in der Mitte persistent bleibt. Ich füge diesen Stil dem Tag mit der class “brand” […]

CSS: Legen Sie eine Hintergrundfarbe fest, die 50% der Breite des Fensters ausmacht

Versuchen, einen Hintergrund auf einer Seite zu erhalten, die “in zwei Teile geteilt” ist; zwei colors auf gegenüberliegenden Seiten (scheinbar getan, indem Sie eine Standardhintergrundfarbe auf dem body Tag festlegen und dann einen anderen auf ein div anwenden, das sich über die gesamte Breite des Fensters erstreckt). Ich habe eine Lösung gefunden, aber die background-size […]

Werden nicht verwendete CSS-Bilder heruntergeladen?

Werden nicht verwendete CSS-Bilder vom Browser heruntergeladen oder ignoriert? Z.B. in CSS-Regeln, die keinen Elementen entsprechen. .nothingHasThisClass{background:url(hugefile.png);} Oder wäre das Browser-abhängig?

Wie füge ich mit jquery eine Hintergrundfarbe ein / aus?

Wie verbinde ich Textinhalte mit jQuery? Es geht darum, die Aufmerksamkeit des Benutzers auf die Nachricht zu lenken.

Kann ich die Höhe eines Bildes in CSS ändern: vor /: nach Pseudo-Elementen?

Angenommen, ich möchte Links zu bestimmten Dateitypen mit einem Bild schmücken. Ich könnte meine Links als deklarieren A File! dann habe CSS wie .pdflink:after { content: url(‘/images/pdf.png’) } Nun, das funktioniert großartig, außer wenn pdf.png nicht die richtige Größe für meinen Linktext hat. Ich möchte dem Browser sagen können, dass er das :after Bild skalieren […]

CSS-Berechnungsalternative

Ich versuche, die Breite eines div dynamisch mit CSS und ohne jquery zu ändern. Der folgende Code funktioniert in den folgenden Browsern: http://caniuse.com/calc /* Firefox */ width: -moz-calc(100% – 500px); /* WebKit */ width: -webkit-calc(100% – 500px); /* Opera */ width: -o-calc(100% – 500px); /* Standard */ width: calc(100% – 500px); Ich möchte auch IE […]

@ font-face Anti-Aliasing auf Windows und Mac

Ich habe http://www.fontsquirrel.com/ verwendet , um ein @ font-face-Kit zu erstellen. Es funktioniert gut, aber das Ergebnis auf Windows unterscheidet sich von dem Ergebnis auf Mac. Unter Windows scheint die Schriftart ein falsches Anti-Aliasing zu haben: Dies ist das Ergebnis auf Mac mit FF, Chrome oder Safari (alle auf die letzte Version aktualisiert). Dies ist […]

Machen Sie das erste Großbuchstabe in css

gibt es eine Möglichkeit, das erste Großbuchstabe in einem Label in CSS zu machen. Die HTML-Struktur ist gorr trro krro yrro gwwr