Articles of css

CSS: zentrales Element innerhalb eines -Elements

Um ein HTML-Element zu zentrieren, kann ich das CSS left: 50%; . Dies zentriert jedoch das Element in Bezug auf das gesamte Fenster. Ich habe ein Element, das ein Kind eines -Elements ist, und ich möchte das Kind in Bezug auf dieses Elternteil , nicht das ganze Fenster. Wie kann ich das machen? BEARBEITEN : […]

@ font-face funktioniert in IE8, aber nicht in IE9

Wie oben beschrieben, habe ich Probleme mit @ font-face nicht in IE9 angezeigt, obwohl es in jedem anderen Browser einschließlich IE8 und darunter fein angezeigt wird. Bei der lokalen Anzeige auf meinem Computer zeigt IE9 die Schriftart an, nur nicht, wenn sie vollständig in Betrieb ist. Die Seite ist: bigwavedesign.co.uk/gcc/gcc/ Der verwendete Code ist: @font-face […]

Wählen Sie die Pfeilstiländerung

Ich versuche, den Pfeil einer Auswahl durch ein eigenes Bild zu ersetzen. Ich nehme die Auswahl in ein Div mit der gleichen Größe, ich setze den Hintergrund der Auswahl als transparent und ich nehme ein Bild (mit der gleichen Größe wie der Pfeil) in der rechten oberen Ecke des Div als Hintergrund. Es funktioniert nur […]

Reines CSS einklappen / div erweitern

Ich habe ein reines CSS-Collapsable-Div, das auf dem Code von jemand anderem basiert, der die :target psuedoclass des :target verwendet. Was ich versuche einzurichten, ist eine Seite mit mehr als 12 Fragen, und wenn du auf die Schaltfläche + klickst, wird das Antwortdiv darunter eingeblendet. Ich kann nicht herausfinden, wie man auf dieser Seite mehrere […]

Fügen Sie einen CSS-Rahmen bei Hover hinzu, ohne das Element zu verschieben

Mögliche Duplikate: Mit CSS-Hover-Rahmen werden Inline-Elemente leicht angepasst Ich habe eine Zeile, auf die ich beim Hover ein Hintergrund-Highlight anwende. .jobs .item:hover { background: #e1e1e1; border-top: 1px solid #d0d0d0; } Da der Rahmen dem Element jedoch 1 Pixel zusätzlich hinzufügt, wird es “bewegt”. Wie würde ich die obige Bewegung hier kompensieren (ohne ein Hintergrundbild zu […]

Verwenden Sie jQuery / CSS, um das höchste aller Elemente zu finden

Mögliche Duplikate: CSS – Spalten gleicher Höhe? Ich habe 3 Divs. So was: Sie werden mit Text gefüllt werden. Ich bin mir nicht sicher, wie viel. Die Sache ist, es ist zwingend notwendig, dass sie alle gleich hoch sind. Wie kann ich jQuery (oder CSS) verwenden, um den höchsten der DIVs zu finden und die […]

jQuery toggle CSS?

Ich möchte zwischen CSS umschalten, also wenn ein Benutzer auf die Schaltfläche ( #user_button ) #user_button , zeigt es das Menü ( #user_options ) an und ändert das CSS, und wenn der Benutzer es erneut anklickt, #user_options es zu normal zurück. Bis jetzt ist das alles was ich habe: $(‘#user_button’).click( function() { $(‘#user_options’).toggle(); $(“#user_button”).css({ borderBottomLeftRadius: […]

So fügen Sie einen Zeilenumbruch vor einem Element mit CSS ein

Ich habe das Gefühl, dass ich einen Weg gesehen habe, mit der Eigenschaft CSS-Inhalt ein Zeilenumbruch-Tag vor einem Element einzufügen. Offensichtlich funktioniert das nicht: #restart:before { content: ”; } Aber wie machst du das?

Google Chrome-Erweiterungen – Lokale Bilder können nicht mit CSS geladen werden

Ich habe eine einfache Chrome-Erweiterung, die die Inhaltsskriptfunktion verwendet, um eine Website zu ändern. Genauer gesagt, das background-image der besagten Website. Aus irgendeinem Grund kann ich nicht in der Lage sein, lokale Bilder zu verwenden, obwohl sie in der Erweiterung gepackt sind. body { background: #000 url(‘image.jpg’) !important; background-repeat: repeat !important; } Das ist es, […]

3D-CSS-Transformation, gezackte Kanten in Firefox

Ähnlich wie bei ” css transform, gezackte Kanten in Chrom “, tritt dasselbe bei Firefox bei 3D-Transformationen auf, zB: http://jsfiddle.net/78d8K/5/ (<- remember: Firefox ) Diesmal hilft die backface-visibility nicht 🙁 Irgendeine Idee?