Tag: css3

grid-template-columns funktioniert nicht

Anzahl der Antworten 3 Antworten
Habe ich einen block display: grid. Gemäß der Idee, das erste element sollte gedehnt werden, um 2 Spalten und 2 Zeilen, die anderen besetzen einer Zelle jede. Aber die grid-template-columns - Eigenschaft funktioniert bei mir nicht, welchen

Vertikal zentrieren von text innerhalb flexbox-Element

Anzahl der Antworten 2 Antworten
Möchte ich die flex-items in voller Höhe, aber der Inhalt in Ihnen werden vertikal zentriert. justify-content: centre funktioniert nicht, und align-self: centre auf das Element selbst schrumpft in seiner Höhe zu seinen eigenen Inhalten, während ich möchte,

Was ist der Unterschied zwischen visibility: hidden und Sichtbarkeit: Einbruch in flexbox?

Anzahl der Antworten 2 Antworten
In der CSS flexible box layout module, es sagt: minimierten flex-Element entfernt vom Rendern ganz, aber hinterlässt ein "Federbein" Nicht, die Verhalten sich genauso wie die visibility: hidden? Wenn die Antwort ja ist, warum dann wurde visibility:

Auf der Suche nach einem "swing"-wie die Lockerung ausdrückbar ist sowohl mit jQuery und CSS3

Anzahl der Antworten 3 Antworten
Habe ich zwei Animationen auf ein Objekt gleichzeitig. Für eine Reihe von Gründen, ich möchte die jQuery für die vertikale animation und CSS3 für die horizontale. Auf der jQuery Seite, swing Lockerung funktioniert Super: swing: function (a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}

CSS Z-index funktioniert nicht mit Funktionen relative und absolute

Anzahl der Antworten 2 Antworten
Die ich gemacht habe, dropdown-Menü, Reine css3, sondern eine Eigenschaft(z-index) nicht so funktioniert, wie ich erwartet, und das ist ein sehr großes problem, weil der dropdown-Liste ablegen ÜBER das Menü. Im Idealfall muss dieser gelöscht werden, UNTER

iOS6 UIwebView CSS3D-Transformationen sind nicht HW-beschleunigt

Anzahl der Antworten 8 Antworten
Habe ich Probleme mit schlechten Blättern Leistung in iOS6 UIWebView-Komponente..In iOS5 scrollen war wirklich flüssig, obwohl. So suchte ich im web etwas gefunden und dieses (Teil der iOS6 beta changelog). WebKit nicht mehr immer schafft, hardware-beschleunigte Ebenen

Ausblenden im Untermenü der Navigation, wenn Sie nicht Auf hover

Anzahl der Antworten 2 Antworten
Habe ich ein Navigations-Menü, das nicht richtig funktioniert, wenn Sie die Maus über die Untermenüs. Wenn Sie den Mauszeiger über Online-Zahlungen --> Magazin Erneuerung des Untermenü-displays richtig, aber sobald ich mich nicht bewege den Mauszeiger über Magazin-Verlängerungen,

Flex-wrap ist nicht einwickeln, wenn ich die Größe des Fensters

Anzahl der Antworten 2 Antworten
Habe ich eine Reihe von drei Containern und angewendet display: flex; und flex-wrap: wrap; um Sie, aber Sie sind nicht einwickeln, wenn ich die Fenster Größe? Ich habe den code unten und scheinen nirgends im Sinne von

Responsive scroll-in der Lage, tabbed navigation in CSS

Anzahl der Antworten 1 Antworten
Ich bin auf der Suche zu implementieren, die nav-bar, wie unten gezeigt. es gibt zwei Versionen, die erste ist Vollbild und das zweite ist Mobil. Das Handy muss scrollen nach Links und rechts für die Tage der

Neigung vertikale Linien von einem Quadrat in css?

Anzahl der Antworten 3 Antworten
Habe ich einige square divs in meiner Seite, die ich mit like-buttons. Wie kann ich die vertikalen Linien ein wenig geneigt, ohne Drehung, der ganze Platz ? Möchte ich ein Quadrat Aussehen wie in Abbildung 1 (in

CSS3 schräg div mit Hintergrundbild, mit Bild hinter der ganzen Sache

Anzahl der Antworten 2 Antworten
Es ist schwer in Worte zu fassen, was ich versuche zu erreichen, so überprüfen Sie heraus dieses Bild für ein Beispiel: Wie Sie sehen können, bin ich auf der Suche zum erstellen einer schrägen div mit einem

Fehler: Datei nicht gefunden oder nicht lesbar: fancy-buttons

Anzahl der Antworten 3 Antworten
Ich bin seting up eine bestehende rails-Projekt. Aber einen Fehler gefunden, unten auf installation. Fehler: zu importierende Datei nicht gefunden oder nicht lesbar: fancy-buttons. ActionView::Template::Error (File to import not found or unreadable: fancy-buttons. Load paths: Sass::Rails::Importer(/home/cis/Desktop/manish1/hamlncompass/app/assets/stylesheets/partials/_buttons.sass) /home/cis/Desktop/manish1/hamlncompass/app/assets/stylesheets

Wie man bootstrap-Tabellen reaktionsschnell Weg?

Anzahl der Antworten 2 Antworten
Ich versuche, die bootstrap-3-Tabellen werden vollständig reagieren, wie es getan wird,diesem link.. Unten ist der CSS-Code für Ihre Referenz: <style> @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not

Linearer Farbverlauf hintergrund in IE 7 - 9

Anzahl der Antworten 1 Antworten
Ich habe eine checkbox und ein Label in der Art, je nachdem, ob die checkbox aktiviert ist. Bisher benutzte ich die [selectivizr] script Eins zu verwalten :selected propperty arbeiten im IE7. Aber irgendwie ist Der Verlauf nicht

Cover-hintergrund-Bild mit transparentem hintergrund-Farbe (Vollbild)

Anzahl der Antworten 6 Antworten
möchte ich auf mein hintergrund Bild mit transparenter Farbe,aber die Farbe deckt nicht das hintergrund Bild. hier ist meine demo: http://jsfiddle.net/farna/73kx2/ css-code: .overlay{ background: rgba(0,0,255,0.5); margin: 0 ; width: 100%; height: 100%; top: 0px; left: 0px; }

Wie man diesen Pfeil in CSS?

Anzahl der Antworten 4 Antworten
Baue ich eine wizard-ähnliche Bestellvorgang, wo ich dieses Menü: Die aktive Seite ist grün gefärbt (in diesem Fall Model). Wie macht man diesen Pfeil mit nur CSS?: Im moment bin ich das erreichen meines Ziel mit mehreren

Warum ist die Google Schrift nicht funktioniert?

Anzahl der Antworten 4 Antworten
Ich bin mit Google schriftart aus http://www.google.com/webfonts/earlyaccess aber es funktioniert nicht so, wie es wohl auf sich hat. Irgendwelche Ideen. Ich eine basic-version auf http://jsfiddle.net/UbDcg/4/ was nicht so läuft, wie es angenommen . HTML FONT RESOURCE:<br> http://www.google.com/webfonts/earlyaccess<br>

CSS3 TextArea-Highlight-Color

Anzahl der Antworten 1 Antworten
Habe ich mit der folgenden CSS3-option zum ändern der highlight-Farbe von text auf einer Webseite. Allerdings ist das einzige element auf der Webseite ist ein textarea, und die folgenden CSS scheint nicht, etwas zu tun. ::selection {

CSS-column-count nicht eingehalten

Anzahl der Antworten 4 Antworten
Gibt es eine ähnliche Frage hier keine wirkliche Antwort: CSS Spalten Fehler — 5 Spalte count zeigt nur 4 (mit Bildern) Ich bin mit column-count zur Anzeige von Elementen in den Spalten (in diesem Fall eine Reihe

Abstand zwischen flex-Elemente?

Anzahl der Antworten 2 Antworten
JSFiddle Habe ich eine Liste angezeigt mit flex: <ul> <li></li> .... ul{ list-style-type: none; display: flex; flex-wrap: wrap; background: gold; } li{ flex-basis: 25%; background:grey; } Nun möchte ich etwas Platz zwischen meine li-Elemente, das hinzufügen von

Warum machen Sie den body-tag den style "position: relative" bewirken, dass eine absolut-positionierten div-start-niedriger?

Anzahl der Antworten 3 Antworten
Wenn ich ein div (oben auf der Seite) haben eine margin-top: 10px ist, dann wird eine absolut positionierte div (auf einem höheren z-index und außen, div und außen, div parent) startet nicht bei top: 0px aber bei

Wie erreichen Sie, dass der übergang zwischen Webseiten?

Anzahl der Antworten 2 Antworten
Ich versuche, erstellen Sie eine kleine Website(~5 Seiten, weitgehend statisch) und implementieren wollen, die den übergang Effekt erzielt massivehealth.com. Ich habe versucht zu suchen, aber vergeblich. Ich habe beobachtet, dass die Website nur ein Skript und zwar

iPhone 6 Flexbox-Umhüllung Problem

Anzahl der Antworten 3 Antworten
Genieße ich mit flexbox, aber für einige Grund, warum ich nicht Holen Sie sich einwickeln können auf jedem iOS-Gerät. Gibt es eine einfache fallback für die Verpackung? Hier ist ein Thema, bei dem die Elemente nur nicht-wrap:

Kann ich machen, Bild Lageerkennung mit html oder css?

Anzahl der Antworten 1 Antworten
Wenn ich ein Bild auf der html-Seite, kann ich mit html oder css den folgenden? Wenn die Breite des Bildes größer ist als die Höhe, die Höhe auf einen festen Wert und auto-stretch-Breite; wenn die Höhe größer

Wie würde ich eine font-awesome icon in einem select-drop-down-Menü?

Anzahl der Antworten 4 Antworten
Ich habe gekämpft, mit dem Versuch, den Ort eines font-awesome icon in einem select-option (drop-down-Menü). Ich habe versucht die Lösung hier das war auf dieser site veröffentlicht. Jedoch, dies stellt die font-awesome-icon neben dem label und nicht

Wie Sie Leerzeichen zwischen text in html?

Anzahl der Antworten 5 Antworten
Wie Sie Leerzeichen zwischen text in html? Zum Beispiel, <p>a b c</p> Was tun, setzen Sie, um Platz zwischen b und c? &nbsp; könnte das sein, was du bist suchen für. Oder Sie können wickeln Sie einen

PHP-Funktion zum konvertieren von HSL in RGB oder Hex

Anzahl der Antworten 6 Antworten
Kennt jemand eine PHP-Funktion (für >5.3), die die konvertieren kann eine HSL-Farben entweder im RGB-oder Hex? Ich habe versucht, ein Dutzend Google-Suchanfragen, und keine der Funktionen, die ich gefunden habe, funktionieren wie erwartet. Ist es egal, ob

Firefox text Farbverlauf

Anzahl der Antworten 1 Antworten
Ich Frage mich, ob es ist eine Möglichkeit, ein text-Verlauf in Firefox? Kann ich es auf der Arbeit in Chrome und Safari und der code geht so: h1 { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));

Zeige dropdown-Menü auf hover-und Klick mit nur CSS

Anzahl der Antworten 10 Antworten
Kann mir jemand helfen mit einer Erklärung, warum die links aus einem dropdown-Menü funktioniert nicht wenn ich auf Sie? Vielleicht, weil pointer-events? Ich versuche, ein dropdown-Menü zu schließen, nachdem Sie einen link geklickt oder die Schaltfläche schließen

verschachtelte CSS3 flexboxes nicht funktioniert

Anzahl der Antworten 2 Antworten
Kann flexboxes verschachtelt werden? Ich geschachtelt haben eine horizontale flexbox in einer horizontalen flexbox, und eine vertikale flexbox in einer vertikalen flexbox. Nur der horizontal in der horizontalen funktioniert in chrome und weder in firefox! Habe ich

Kann ich ein Ziel :vor-oder :after-pseudo-element mit einem sibling combinator?

Anzahl der Antworten 2 Antworten
Gibt es einen Grund, warum das CSS nicht funktioniert? http://jsfiddle.net/6v5BZ/ a[href^="http"]:after { content:""; width:10px; height:10px; display:inline-block; background-color:red; } a[href^="http"] img ~ :after { display:none; } .. auf dieser HTML-Seite? <a href="http://google.com">Test</a> <a href="http://google.com"> <img src="https://www.google.com/logos/classicplus.png"> </a> Die

Align background-image in HTML-link / button

Anzahl der Antworten 2 Antworten
Es ist ziemlich schwer zu erklären ohne etwas visuelle Referenz also, wenn Sie Blick auf den screenshot hier: Sehen Sie eine Schaltfläche, die ich erstellt habe. Nur eine normale alte link-tag mit einigen styling Hinzugefügt. Nun, dass

border-radius auf <th>. Keine Grenze Rundung

Anzahl der Antworten 2 Antworten
Habe ich css sieht so aus: #caltable th { border: solid 1px #333; border-radius: 7px; background: #f00; } Aber das ist, was ich habe im browser (Chrome/FF): Die Frage ist, wie man schwarze Linie, die auch gerundet?

Einfache 2-Spalten-navigation mit CSS und einer Liste?

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche, um eine zwei-Säulen-Navigationsleiste mit einem einzigen <ul> mit sechs <li> Elemente: <nav> <ul> <li>Home</li> <li>About</li> <li>Team</li> <li>Store</li> <li>Blog</li> <li>Contact</li> </ul> </nav>​ Drei Elemente auf einer Seite und drei auf der anderen Seite;

css3 dreieckige Form mit einer abgerundeten Ecke

Anzahl der Antworten 2 Antworten
Ich versuche zur Umsetzung dieses Dialog-box ohne Rückgriff auf die Verwendung von Bildern für die Obere Rechte Ecke. Das folgende ist meine Umsetzung für Sie. .box{ -webkit-border-radius: 6px 6px; -moz-border-radius: 6px / 6px; -khtml-border-radius: 6px / 6px;

Boxshadow Einschub funktioniert nicht

Anzahl der Antworten 3 Antworten
Ich bin mit der box-shadow CSS-Funktion auf die Bilder in meiner Galerie, aber irgendwie ist die Einfügung-parameter nicht funktioniert. Ich habe versucht den z-index habe ich in verschiedenen Orten-code und es funktioniert immer noch nicht. Besuchen Sie

font-feature-settings: wie ist die richtige syntax?

Anzahl der Antworten 2 Antworten
Kaufte ich einen webfont, die unterstützt einige open type-features, und natürlich habe ich diese verwenden möchten. Leider war ich nicht in der Lage, eine Quelle finden, online, erklärt, dass der beste Weg, um die syntax, es scheint

Ändern Sie Platzhalter Farbe in Javascript für Chrome

Anzahl der Antworten 1 Antworten
Wie gesagt hier : Ändern Sie eine HTML5-input-Platzhalters Farbe mit CSS, Chrome nicht unterstützt, ist die CSS-Eigenschaft color für die Eingabe von Platzhaltern. Aber es gibt eine Eigenschaft namens -webkit-input-placeholder. Wenn ich mein CSS : #MyInput::-webkit-input-placeholder {

css3: entfernen Hintergrundbild (background-image:none; funktioniert nicht)

Anzahl der Antworten 2 Antworten
Hallo, wie ich schon sagte, es im Titel background-image:none; funktioniert nicht, da sich mit css3 background-image:url('...'); Gegenzug eine neue Ebene jedes mal die Datei neu. ich bin versucht zu entfernen Bild als mein Medien-Abfrage, ändern Sie die

mehrere 3D-text-Schatten mit css

Anzahl der Antworten 2 Antworten
Möchte ich Schatten-Effekt, um einige meiner Texte in eine website, die machen würde es so Aussehen, wie 3D mit CSS Ist es möglich? InformationsquelleAutor Kumod | 2010-07-21

So erstellen Sie eine Farbverlauf mit 3 Farben in CSS ohne Farbe Eskalation

Anzahl der Antworten 2 Antworten
In diesem Beispiel habe ich einen Farbverlauf von 2 Farben, alignd zu Recht. background: linear-gradient(to right, #c4d7e6 50%, #66a5ad 50%, #66a5ad 50%); Gibt es eine Möglichkeit, ich kann mehr als 2 Farben? Zum Beispiel kann ich hinzufügen

animieren von Elementen nacheinander in reinem css3 auf Schleife

Anzahl der Antworten 2 Antworten
Ich versuche zu animieren, in die Elemente nacheinander in voller css3-Animationen. Scheint die sehr straight-forward beantworten ist mit animation-delay. Allerdings wollte ich diese in der Schleife, irgendwelche Ideen, wie man die animation in eine Endlosschleife? Fand ich

-ms-transform funktioniert nicht mit IE 11

Anzahl der Antworten 1 Antworten
Hinzufügen -ms-transform:rotate(90deg) dynamisch mit jQuery auf das element. Aber, es funktioniert nicht im IE 11. Allerdings -webkit-transform:rotate(90deg) arbeitet in Chrom. Keine transformation passiert auf der Seite. Hinzugefügt meta : <meta http-equiv=X-UA-Compatible content="IE=9;IE=10;IE=11;IE=Edge,chrome=1"> welche version von IE hat

wie custmize iframe scroll-Leiste mit css oder JS

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit, dass wir uns anpassen, iframe scroll-Leiste mit css oder js besuchen Sie bitte link Bitte teilen Sie uns mehr Informationen !! und was genau wollen Sie ? Anpassen bedeutet was genau Bitte gehen

Ändern element Stil auf Geschwister-hover mit CSS

Anzahl der Antworten 3 Antworten
Habe ich die folgende Struktur: <div id="e1"> <h1>Header</h1> <div id="main">text text text text</div> <div id="footer">something</div> </div> Und ich will die <h1> blau zum Beispiel, wenn der Fuß schwebte. Ich weiß, ich Mach es mit Javascript, aber ich

CSS-übergang Rahmen und hintergrund in der gleichen Zeit

Anzahl der Antworten 2 Antworten
Möchte ich ändern, hintergrund-und Rahmenfarbe auf hover in der gleichen Zeit. Ich benutze: transition: all 0.5s ease; -vendors-transition: all 0.5s ease; aber die hintergrund-Farbe ändert sich sofort. Es funktioniert fein eigentlich. denken etwas anderes über-Reiten Stile. Da

Bootstrap-Bild Kreis-Schatten Nach Innen

Anzahl der Antworten 3 Antworten
Wie kann ich fügen Sie einen inneren Schatten, um eine bootstrap-image "Kreis"? jsfiddle Dieser funktioniert nicht.. <img class="img-circle box-shad" alt="" src="http://placehold.it/140x140"><img class="img-circle box-shad" alt="" src="http://placehold.it/140x140"> .box-shad {box-shadow: 0 10px 20px #777 inset, 0 0 200px #000 inset,

leichter background-image CSS3

Anzahl der Antworten 3 Antworten
Ich möchte ein hintergrund-Bild ein Rahmen, aber ich brauche, um das Bild heller. Ich habe versucht mit der Deckkraft, aber dann ein Hintergrundbild aus einem anderen frame glänzt throungh. Ich habe auch einige Texte in die gleichen

Legen Sie die Höhe und Breite separat für eine box-shadow?

Anzahl der Antworten 1 Antworten
Muss ich erstellen Sie ein div, das halten einer dynamischen Menge der Inhalte, die mit einem box-shadow auf beiden Seiten und der Unterseite, oben ist nicht. Ich muss auch die Schatten an den Seiten zu stark wirken

Mache einen Kreis mit gepunktetem Rahmen in css und Animation auf hover

Anzahl der Antworten 2 Antworten
Ich versuche zu animieren, eine css-Kreis. Wenn der Benutzer schwebt es, die Grenze des Kreises soll eine gepunktete Linie, und es sollte animieren, wie ein Spinnrad. Ich kann es drehen für eine bestimmte Zeit, aber ich konnte