Articles of css

jQuery: height () / width () und “display: none”

Ich dachte immer Elemente, die display:none CSS-Stil zurückgegeben 0 für height() und width() . Aber in diesem Beispiel: HTML a CSS alert($(“#target”).height()); sie nicht: http://jsfiddle.net/Gts6A/2/ Woher? Ich habe gesehen, dass ich in der Vergangenheit viele Male zurück gekommen bin.

Aktualisierung von zwischengespeicherten CSS-Daten erzwingen

Ist es möglich, den Browser zu zwingen, das zwischengespeicherte CSS zu aktualisieren? Dies ist nicht so einfach wie jede Anfrage. Wir haben eine Website, die seit einiger Zeit stabile CSS hat. Jetzt müssen wir einige wichtige Aktualisierungen für das CSS vornehmen. Browser, die das CSS zwischengespeichert haben, erhalten jedoch das neue CSS für einige Tage […]

Kann ich Variablen für Selektoren verwenden?

Ich habe diese Variable: $gutter: 10; Ich möchte es in einem Selektor wie SCSS verwenden: .grid+$gutter { background: red; } also wird die Ausgabe zu CSS: .grid10 { background: red; } Aber das funktioniert nicht. Ist es möglich?

CSS-Animationen mit Verzögerung für jedes untergeordnete Element

Ich versuche, einen Kaskadeneffekt zu erzeugen, indem ich eine Animation auf jedes Kindelement anwende. Ich habe mich gefragt, ob es einen besseren Weg dafür gibt: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear 0.2s forwards; } .myClass img:nth-child(4){ -webkit-animation: myAnimation […]

Höhe 100% auf Flexbox-Spalte Kind

Ich habe Probleme mit einer Flexbox-Spalte, in der Kinder des Flex’d-Elements nicht auf die height in Prozent reagieren. Ich habe dies nur in Chrome überprüft, und von dem, was ich verstehe, handelt es sich um ein Chrome-Problem. Hier ist mein Beispiel: HTML CSS .flexbox{ position:absolute; background:black; width:100%; height:100%; display: flex; flex-direction:column; } .flex{ background:blue; flex:1; […]

Ändern Sie die Bootstrap-Navigationsleiste von Twitter

Ich habe versucht, die Twitter Bootstrap Navbar zu ändern, im Moment sind alle Links auf der linken Seite ausgerichtet, wenn das, was ich wirklich möchte, ist die zentrale haben. In einem anderen Beitrag habe ich gelesen, dass Sie das verwenden .tabs, .pills { margin: 0 auto; padding: 0; width: 100px; } Aber das hat nicht […]

CSS-Breite: calc (100% -100px); Alternative mit jQuery

Ich möchte width: calc(100% -100px); das macht den Job perfekt für das, wofür ich es brauche, das einzige Problem ist seine Kompatibilität. Im Moment funktioniert es nur in den neuesten Browsern und überhaupt nicht in Safari. Könnte ich eine Alternative mit jQuery machen? dh. Erhalte die 100% -Breite eines Objekts -100px und setze das Ergebnis […]

Wie kann ich die CSS-classnregeln mit jQuery ändern?

Kann mir bitte jemand helfen, ich habe zwei Abschnitte meiner Frage. Was ich tun möchte, ist CSS-classnregeln mit jQuery im laufenden Betrieb zu ändern. .Classname {Farbe: rot; Schriftgröße: 14px;} Im obigen Beispiel habe ich eine class mit dem Namen .classname jetzt jQuery verwendet. Ich möchte die Schriftgröße nur nicht mit der Farbe in .classname nicht […]

CSS3-Transformation: rotieren; in IE9

Ich habe ein Element, das in einem Design, das ich gemacht habe, vertikal sein muss. Ich habe die CSS dafür in allen Browsern außer IE9 arbeiten. Ich habe den Filter für IE7 & IE8 verwendet: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Dies scheint jedoch mein Element in IE9 transparent zu machen und die CSS3 ‘Transform’ function scheint nichts zu tun! […]

Erstellen Sie eine Variable in der .CSS-Datei für die Verwendung in dieser .CSS-Datei.

Mögliche Duplikate: Wiederholte Konstanten in CSS vermeiden Wir haben einige “Themenfarben”, die in unserem CSS-Sheet wiederverwendet werden. Gibt es eine Möglichkeit, eine Variable zu setzen und sie dann wiederzuverwenden? Z.B .css OurColor: Blue H1 { color:OurColor; }