Articles of css

IE8 Display Inline-Block funktioniert nicht

Sagen wir, ich habe den folgenden Code span, ul, ul li { display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style: none; } i would want this on one line. Ich möchte, dass dies in IE8 inline angezeigt wird. Überall, wo ich alles gelesen habe sagt, das sollte funktionieren, IE8 unterstützt Inline-Block. Jedoch nach einem […]

Links ausgerichtete letzte Reihe im zentrierten Gitter der Elemente

Ich habe eine Reihe von Blöcken gleicher Größe zur display:inline-block in einem div, das text-align:center gesetzt hat, um die Blöcke auszurichten. | _____ _____ _____ _____ | | | | | | | | | | | | | 1 | | 2 | | 3 | | 4 | | | |_____| |_____| |_____| […]

Eltern & Kind mit fester Position, Elternüberlauf: versteckter Fehler

Ich weiß nicht, ob es ein Problem gibt, aber ich habe mich gefragt, warum der overflow:hidden funktioniert nicht auf fixed Eltern / Kinder-Element. Hier ist ein Beispiel: CSS und HTML: .parent{ position:fixed; overflow:hidden; width:300px; height:300px; background:#555; } .children{ position:fixed; top:200px; left:200px; width:150px; height:150px; background:#333; } Live-Demo: jsFiddle

Wie wendet man bestimmte CSS-Regeln nur auf Chrome an?

Gibt es eine Möglichkeit, das folgende CSS nur in Google Chrome auf ein bestimmtes div anzuwenden? position:relative; top:-2px;

Wie greife ich mit jQuery auf Stileigenschaften von Pseudoelementen zu?

Für den Kontext ist dies eine Folge einer früheren Frage . Anstatt cssRules , möchte ich die Logik auf jQuery-Selektoren aufbauen, die nach den Auswirkungen dieser Regeln suchen. Gegebene Standardeigenschaften von .commentarea .author:before { background-image: url(http://…); background-position: -9999px -9999px; /* … */ } die wie in. selektiv modifiziert werden .author[href$=”gbacon”]:before /* … */ { content: […]

Ist es möglich, jQuery zu verwenden, um die Breite eines Elements in Prozent oder Pixel zu erhalten, basierend auf dem, was der Entwickler mit CSS angegeben hat?

Ich schreibe ein jQuery-Plugin und etwas, was ich tun muss, ist die Breite eines vom Benutzer angegebenen Elements zu bestimmen. Das Problem ist, dass .width () oder .css (‘width’) immer exakte Pixel melden, auch wenn der Entwickler es zB width: 90% mit CSS zugewiesen hat. Gibt es eine Möglichkeit, jQuery die Breite eines Elements in […]

Rand-Radius in Prozent (%) und Pixel (px) oder em

Wenn ich für den Rand-Radius einen Pixel- oder Em-Wert verwende , ist der Kantenradius immer ein Kreisbogen oder eine Pillenform, auch wenn der Wert größer als die größte Seite des Elements ist. Wenn ich Prozentsätze verwende , ist der Kantenradius elliptisch und beginnt in der Mitte jeder Seite des Elements, was zu einer ovalen oder […]

Wie öffne ich eine Marge?

Collapsing Margins in CSS: http://www.w3.org/TR/CSS21/box.html#collapsing-margins Ich verstehe den Zweck der function , aber ich versuche, ein Layout zu erstellen, und ich kann nicht herausfinden, wie ich es ausschalten kann. Der Weg, der normalerweise in CSS Tutorials erklärt wird, ist entweder: Fügen Sie einen Rahmen hinzu Fügen Sie eine Auffüllung hinzu All dies hat Nebenwirkungen, die […]

Amazon S3 CORS (Cross-Origin Resource Sharing) und Firefox Cross-Domain-Font-Laden

Es gibt ein seit langem bestehendes Problem mit Firefox, bei dem die Schriftart nicht von einer anderen Quelle als der aktuellen Webseite geladen wird. Normalerweise tritt das Problem auf, wenn die fonts auf CDNs bereitgestellt werden. In anderen Fragen wurden verschiedene Lösungen vorgeschlagen: CSS @ font-face arbeitet nicht mit Firefox, sondern arbeitet mit Chrome und […]

CSS Rotation Cross Browser mit jquery.animate ()

Ich arbeite daran, eine Cross-Browser-kompatible Rotation (ie9 +) zu erstellen, und ich habe den folgenden Code in einer Jfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $(“#MyDiv1”).css({ ‘-moz-transform’:’rotate(‘+d+’deg)’, ‘-webkit-transform’:’rotate(‘+d+’deg)’, ‘-o-transform’:’rotate(‘+d+’deg)’, ‘-ms-transform’:’rotate(‘+d+’deg)’, ‘transform’: ‘rotate(‘+d+’deg)’ }); } function AnimateRotate(d) { $(“#MyDiv2”).animate({ ‘-moz-transform’:’rotate(‘+d+’deg)’, ‘-webkit-transform’:’rotate(‘+d+’deg)’, ‘-o-transform’:’rotate(‘+d+’deg)’, ‘-ms-transform’:’rotate(‘+d+’deg)’, ‘transform’:’rotate(‘+d+’deg)’ }, 1000); } Das CSS und HTML sind wirklich […]