Articles of css

CSS-Seitenumbruch funktioniert nicht in allen Browsern

Ich habe Probleme, das funktioniert in den meisten Browsern, außer für IE (es funktioniert sogar richtig in IE6) und Opera. Firefox trennt die Divs korrekt, druckt aber nur die erste Seite. Chrome und Safari wendet den Seitenumbruch nur auf das letzte div an. Wie kann ich das über alle Browser hinweg richtig funktionieren lassen? Der […]

zeichne diagonale Linien im div Hintergrund mit CSS

Ich habe div für Vorschau-Box HTML: PREVIEW CSS: .preview-content { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat; width: 100%; min-height: 300px; max-height: 300px; line-height: 300px; text-align: center; vertical-align: middle; font-size: 2em; } F: Wie fügt man diagonale Linien wie im Bild in den div-Hintergrund ein Hinweis: Mit CSS nur wenn möglich Vielen Dank im Voraus

Wie füge ich einen Rahmen in meinen Clip-Pfad ein: polygon (); CSS-Stil

Ich möchte wissen, ob es möglich ist, einen Rahmen in meinem clip-path:polygon(); hinzuzufügen clip-path:polygon(); Stil oder irgendeine andere Art, Grenze hinzuzufügen? wie: Rahmen border:5px solid red; CSS .poligon { display: inline-block; position:relative; width:150px; height:150px; background: black; box-sizing:border-box; padding:55px; } .poligon img { display: inline-block; border:5px solid red; width:150px; height:150px; -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% […]

CSS flexbox funktioniert nicht in IE10

In IE10 funktioniert dieser Code nicht richtig: .flexbox form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .flexbox form input[type=submit] { width: 31px; } .flexbox form input[type=text] { width: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex: […]

Bootstrap 4 Tabellenspaltengröße

In bootstrap 3 konnte ich col-sm-xx nach thead auf die th Tags in der thead und thead Tabelle thead . Dies funktioniert jedoch nicht in Bootstrap 4. Wie kann ich so etwas in Bootstrap 4 erreichen? 3 columns wide 5 columns wide 4 columns wide Wenn Sie die Codeplatte betrachten, wird sie nicht richtig skaliert, […]

CSS-Priorität

Meine Webseite enthält: td { padding-left:10px; } Das referenzierte Stylesheet enthält: .rightColumn * {margin: 0; padding: 0;} Ich habe eine Tabelle in der rightcolumn ID, wo ich möchte, dass die Zellen ein wenig Polsterung haben. Das referenzierte Stylesheet hat jedoch Vorrang vor dem Inline-Styling. Ich sehe das visuell und auch über Firebug. Wenn ich die […]

CSS ONLY Animate Zeichne Kreis mit Rahmenradius und transparentem Hintergrund

Ich versuche einen Kreis mit Grenzradius zu zeichnen und animiere ihn. Ich kann das tun, aber was ich nicht tun kann, ist Elemente zu überlagern und den Hintergrund der Kreise transparent zu machen, ohne die Maske sichtbar zu machen. Ich bin nicht in der Lage, es über Elemente transparent zu machen, weil die Maske angewendet […]

div Hintergrundfarbe, um onhover zu ändern

Ich versuche, die Hintergrundfarbe eines divs mit der Maus zu ändern . das div {Hintergrund: weiß;} das div a: hover {Hintergrund: grau; Breite: 100%; Bildschirmsperre; Textdekoration: keine;} Nur die Verknüpfung innerhalb der div erhält die Hintergrundfarbe . Was könnte ich tun, damit das ganze Div diese Hintergrundfarbe bekommt? Danke EDIT: Wie kann ich das ganze […]

Webkit CSS Animationsproblem – Behalten Sie den Endzustand der Animation bei?

Angesichts der folgenden CSS3-Animation …. .drop_box { -webkit-animation-name: drop; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } @-webkit-keyframes drop { from { -webkit-transform: translateY(0px); } to { -webkit-transform: translateY(100px); } } Hello world Der Hello World-Text animiert erwartungsgemäß 100px herunter. Am Ende der Animation springt es jedoch in seine ursprüngliche Position zurück. Dies ist offensichtlich in CSSland sinnvoll. […]

@ Import vs Link

Zuerst weiß ich, dass der Titel sagt, dass dies eine doppelte Frage ist, wie hier und hier . Alles, was ich zu diesem Thema gelesen habe, ist über zwei Jahre alt. In dieser Zeit hat sich viel verändert, sind die gleichen Gedanken immer noch ratsam? Hier ist ein Beispiel, ich benutze @import in einem Stylesheet, […]