Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

9
So zentrieren Sie div vertikal innerhalb des absolut positionierten übergeordneten div
Ich versuche, einen blauen Behälter in der Mitte eines rosa Behälters zu bekommen, aber vertical-align: middle;in diesem Fall scheint dies nicht der Fall zu sein. <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> Ergebnis: Erwartung: Bitte …
7
Wie kann ich in jQuery die Eigenschaften eines Elements "oben links" mit Positionswerten relativ zum übergeordneten Element und nicht zum Dokument festlegen?
.offset([coordinates])Methode legt die Koordinaten eines Elements fest, jedoch nur relativ zum Dokument. Wie kann ich dann die Koordinaten eines Elements relativ zum übergeordneten Element festlegen? Ich habe festgestellt, dass diese .position()Methode nur "top, left" -Werte relativ zum übergeordneten Element abruft, aber keine Werte festlegt. Ich habe es mit versucht $("#mydiv").css({top: …
22
Einen Iframe ansprechen lassen
Ich habe diesen Stackoverflow-Beitrag mit dem Titel "Können Sie einen iFrame reaktionsfähig machen?" Gelesen, und einer der Kommentare / Antworten führte mich zu dieser Geige. Aber als ich versuchte, HTML und CSS so zu implementieren, dass es meinen Anforderungen entsprach, hatte ich nicht die gleichen Ergebnisse / Erfolge. Ich habe …
26
So verhindern Sie Sticky-Hover-Effekte für Tasten auf Touch-Geräten
Ich habe ein Karussell mit einer vorherigen und einer nächsten Schaltfläche erstellt, die immer sichtbar sind. Diese Schaltflächen haben einen Schwebezustand und werden blau. Auf Touch-Geräten wie dem iPad bleibt der Schwebezustand bestehen, sodass die Taste nach dem Tippen blau bleibt. Das will ich nicht Ich könnte für jede Schaltfläche …
144 javascript  css  hover  touch 
10
Wie wende ich Deckkraft auf eine CSS-Farbvariable an?
Ich entwerfe eine App in Elektron, damit ich Zugriff auf CSS-Variablen habe. Ich habe eine Farbvariable definiert in vars.css: :root { --color: #f0f0f0; } Ich möchte diese Farbe verwenden main.css, aber mit etwas Deckkraft: #element { background: (somehow use var(--color) at some opacity); } Wie würde ich das machen? Ich …
10
Deckkraft-CSS funktioniert in IE8 nicht
Ich verwende CSS, um den Triggertext für einen jQuery-Slidedown-Abschnitt anzugeben: Wenn Sie den Mauszeiger über den Triggertext bewegen, ändert sich der Cursor in einen Zeiger, und die Deckkraft des Triggertextes wird verringert, um anzuzeigen, dass der Text eine Klickaktion hat . Dies funktioniert gut in Firefox und Chrome, aber in …
23
Warum kann ich CSS-Änderungen in Firebug nicht speichern? [geschlossen]
Diese Frage passt derzeit nicht zu unserem Q & A-Format. Wir erwarten, dass die Antworten durch Fakten, Referenzen oder Fachwissen gestützt werden, aber diese Frage wird wahrscheinlich zu Debatten, Argumenten, Umfragen oder erweiterten Diskussionen führen. Wenn Sie der Meinung sind, dass diese Frage verbessert und möglicherweise erneut geöffnet werden kann, …
143 css  firebug 
15
Entfernen abgerundeter Ecken aus einem <select> -Element in Chrome / Webkit
Das User-Agent-Stylesheet für Chrome gibt allen Ecken eines &lt;select&gt;Elements einen Rahmenradius von 5 Pixel . Ich habe versucht, dies zu beseitigen, indem ich einen Radius von 0 Pixel über mein externes Stylesheet sowie inline auf das Element selbst angewendet habe. Ich habe beides ausprobiert border-radius:0pxund -webkit-border-radius:0px;das noch spezifischere ausprobiert border-top-left-radius:0px(zusammen …
143 select  webkit  css 
4
CSS: Wie man Position hat: absolutes Div innerhalb einer Position: relatives Div, das nicht durch einen Überlauf beschnitten wird: versteckt auf einem Container
Ich habe 3 Ebenen von div: (In grün unten) Eine oberste Ebene divmit overflow: hidden. Dies liegt daran, dass einige Inhalte (hier nicht gezeigt) in dieser Box zugeschnitten werden sollen, wenn sie die Größe der Box überschreiten. (In rot unten) Darin habe ich divmit position: relative. Die einzige Verwendung hierfür …
6
Fügen Sie nach jedem Listenelement ein Bild ein
Was wäre der beste Weg, um nach jedem Listenelement ein kleines Bild einzufügen? Ich habe es mit einer Pseudoklasse versucht, aber etwas stimmt nicht ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Vielen Dank für jede Hilfe!
143 css 
6
Twitter Bootstrap Float Div rechts
Was ist der richtige Weg bootstrap, um ein Div nach rechts zu schweben? Ich dachte, pull-rightdas wäre der empfohlene Weg, aber es funktioniert nicht. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } &lt;div class="container"&gt; &lt;div class="row-fluid"&gt; &lt;div class="span6"&gt; &lt;p&gt;Text left&lt;/p&gt; &lt;/div&gt; &lt;div class="span6 pull-right"&gt; &lt;p&gt;text right&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; Führen Sie …
7
Schwimmende Divs in einem anderen Div zentrieren
Ich habe nach anderen Fragen gesucht, und obwohl dieses Problem einigen anderen ähnlich zu sein scheint, scheint nichts, was ich bisher gesehen habe, das Problem zu lösen, das ich habe. Ich habe ein Div, das eine Reihe anderer Divs enthält, von denen jedes nach links schwebt. Diese Divs enthalten jeweils …
142 html  center  css 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.