Tag: css3
Anzeige fixed-position-element, das Kind von oben absolut positionierten overlay
2 Antworten
Ich habe ein layout mit zwei Spalten. Die linke Spalte scrollt vertikal und in der rechten Spalte ist fixiert. Die Rechte Spalte enthält mehrere Abschnitte. Irgendwann, ein overlay angezeigt werden. Ich will es auf alle Inhalte außer
Fallback für CSS3 transitions
3 Antworten
Ich habe eine CSS3 übergang, Größe/Positionen ein Bild innerhalb eines div-auf hover. FIDDLE Dieser funktioniert wie gewünscht, aber meine Sorge ist, über Browser, keine Unterstützung für CSS3 transitions wie IE9-. Wäre es möglich, schreiben, der diese CSS-code
CSS volle Breite centered navigation bar
1 Antworten
Ich würde gerne dieses in CCS3 /HTLM5 | Header .... | =====Blue bar| Navbar. Menu1. Menu2 ... |Blue bar======== | Website leftSide and content | | Footer | Menü zentriert ist, als auch den Inhalt. Die Probleme
CSS3 Animieren layout ändern für floating divs
2 Antworten
Als Sie die Fenstergröße ändern, die floatenden divs wird auf die nächste Zeile umbrochen, wie erwartet. Aber ich würde wirklich gerne dieses layout ändern, um animiert werden. EDIT: nebenbei, es wäre schön, eine Lösung zu finden, das
Benutzerdefinierte Bild-toggle-button in ReactJS
1 Antworten
Habe ich diese ReactJS code zum anzeigen einer benutzerdefinierten image-Taste schaltet zwischen 2 unterschiedlichen Bilder für ON-und OFF-Zustand. Gibt es eine einfachere Möglichkeit, dies zu tun? Ich hatte gehofft, CSS-möglicherweise weniger Zeilen code, aber war nicht in
css calc-bug im IE11
1 Antworten
IE11 scheint nicht zu berechnen calc(50% - 1rem), aber alle anderen Browser tun. Wie kann ich es beheben? InformationsquelleAutor Blaja | 2014-04-12
Wie kann ich eine CSS-Grenze auf einer Diagonale element
2 Antworten
Hier ist ein Beispiel. http://jsfiddle.net/52c7t/ Einfach: ich versuche, das div-Element auf der rechten Seite, um einen Rahmen haben, wie das div-Element auf der linken Seite. (Ich will die Grenze auf der linken Seite des rechten div) Ich
Hinzufügen eines border-bottom-image mit css
3 Antworten
Erstellt habe ich das folgende Bild gerendert werden soll unter allen h1 title-tags in meine website. Das Problem ist, jedes tutorial finde ich online diskutiert border-image-Eigenschaft als ein rundum-Grenze. Alle, die ich erreichen möchte, ist dieses eine
generieren @-webkit-keyframes CSS dynamisch mit JavaScript?
5 Antworten
Kann ich produzieren -webkit-animation-name:mymove; dynamisch mit object.style.animationName="mymove" ist es jedoch möglich, etwas erzeugen, wie @keyframes mymove { from {left:0px;} to {left:200px;} } dynamisch mit JS? Möchten Sie in der Lage sein, verweisen die animation, nachdem Sie definiert
Bootstrap-Fade auf der Registerkarte funktioniert nicht
1 Antworten
Hier ist mein code <!-- Nav tabs --> <div class="container"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class=""><a href="#tab1" role="tab" data-toggle="tab">Tab1</a></li> <li role="presentation"><a href="#tab2" role="tab" data-toggle="tab">Tab2</a></li> <li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">Tab3</a></li> <li role="presentation"><a href="#tab4" role="tab" data-toggle="tab">Tab4</a></li> </ul> </div>
Wie schaffen Sie "aura-Effekt" aus die Maus?
4 Antworten
Wenn Sie öffnen Sie google chrome und öffnen Sie mehrere Registerkarten, sehen Sie den Effekt, indem man die Maus über eine Registerkarte hintergrund. Die Zeiger haben eine "aura" - Effekt, was danach folgt um. Zu klären, ich
Alternative zu CSS3 <hr> - tag einfache Stile mit fade-out-Kanten, wenn diese nicht arbeiten und ein Kind von standard <hr> - tag kick-in statt?
1 Antworten
Alternative zu CSS3 < hr > - tag einfache Stile mit fade-out-Kanten, wenn diese nicht arbeiten und ein Kind-Anweisung oder else-Anweisung für standard - < hr > - tag unterhalb des hr als " Stil-code unten. Es
Aufrufen einer javascript-Funktion von CSS
3 Antworten
Ich würde gerne wissen, wenn möglich in irgendeiner Weise zu: .button{ width: somePX; height: somePX; } .button:hover { onmouseup = "func(".button")"; } oder so ähnlich. Ich denke, es wäre irgendwie cool? stattdessen schreiben Sie für jede Schaltfläche
HTML5/CSS3 - Checkbox-Bild?
2 Antworten
Habe ich schon überall, aber kein Glück. Ich eine Gruppe von Checkboxen (das wird senden falsch/wahr Wert per POST), aber ich möchte, um Bilder anstelle von Ihnen. Ist es möglich? Beispiel, versuchen zu ändern Kontrollkästchen hintergrund (falscher
Wie center vertikal mit Winkel-Flex-Layout?
3 Antworten
Ich habe eine einfache login-Komponente und ich würde gerne vertikal-center, aber ich bin mir nicht sicher, wie das zu erreichen ist die Verwendung der Winkel-Flex-Layout-Bibliothek. app.component.html <router-outlet></router-outlet> login.component.html <div fxLayout fxLayoutAlign="center center"> <mat-card fxFlex="30%"> <mat-card-title>Login</mat-card-title> <mat-card-content fxLayout="column">
Internet Explorer 9 ist der magisch wachsende div
3 Antworten
Naja ich bin ratlos mit diesem ein. Wie Sie sehen können, wenn Sie die Ansicht dieses jsfiddle mit Internet Explorer 9, gibt es ein div, das sich automatisch auf hover. Kein javascript erforderlich! Sowieso, ich habe in
Wie kann ich wissen, Wann Sie zu verwenden,- webkit-, -moz, -ms-, -o-, etc?
5 Antworten
Wie kann ich wissen, Wann das Präfix verwenden -webkit-, -moz-, -ms-, -o- im css Eigenschaften? Ich sehe eine Menge von "Inkonsistenz" in einigen Parametern, in manchen Eigenschaften der programmer stellt nur -moz-, in der anderen stellt er
CSS Multi-Line Ellipse Cross-Browser
5 Antworten
Es ist ein "div" in meine Webseite hat eine Feste Breite und Höhe. Folgenden css funktioniert nur mit single line text: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; Wie kann ich mich bewerben Ellipse auf multiline-text auf den
Dynamisch ändern Inhalt
2 Antworten
Wie kann ich dynamisch ändern Sie den Inhalt des body einer html-Seite, wenn ein link angeklickt wird? Also ich habe 3 html-Seiten, die wie folgt aussieht: <li><a id="homeContainer" href="#">Home</a></li> <li><a id="testContainer" href='#'>test</a></li> <li><a id="pageContainer" href="#">page</a></li> Mein div:
Eine echte sticky footer mit einem festen header?
3 Antworten
Bitte zuerst Lesen diese ganze Frage, so können Sie verstehen, was ich Suche, Danke! Dies ist eine Frage, die ich habe versucht, die Forschung für eine tolle Zeit jetzt, und hat mich ratlos für beenden eine Weile.
Bild-substitution und den übergang mit css3?
3 Antworten
Ich Frage mich, Ob jemand weiß eine clevere und neue Art und Weise, wie ein übergang zwischen zwei hintergrund-Bilder? Ich weiß das es mehrere tutorials gibt, nur die meisten von Ihnen sind veraltet und alt. Ich Frage
Verwenden Sie JQuery zu ändern, dass alle element die css-style in der gleichen Klasse
4 Antworten
Möchte ich ändern alle background-color alle divs mit der Klasse Liregion2. Ich will einfach nur ändern Sie die div Hintergrundfarbe, nicht li. Mein code ändert nur eine div element, aber! Wie kann ich es beeinflussen alle? Hier
Wie kann ich Abschrägung der Ecken eines Elements?
3 Antworten
Diese Frage wurde migriert von Webmaster-Stack Exchange, da es sein kann, antwortete auf Stack Overflow. Migriert 7 Jahren. Ich möchte die Ecken eines Elements im wesentlichen abgeschnitten werden. Dieses element hat einen soliden hintergrund in der Erwägung,
Ein fester hintergrund-Bild mit text (und auch ansprechbar)
1 Antworten
Ich habe versucht, etwas herauszufinden, aber kein Glück. Ich habe auch schon die Suche im internet nach möglichen Lösungen, aber wieder kein Glück. Sagen wir mal ich wollte ein Bild mit text zu bleiben, fest in den
Rastern ein fragment von HTML zu PNG
3 Antworten
Ich habe eine Seite mit einer Reihe von divs. Die einzelnen div-stellt ein dia in einen dia-deck. Ich brauche eine Reihe von Miniaturansichten, eine für jede Folie. Idealerweise werden diese Bilder gerastert würden-Versionen der Folien: eine PNG
jQuery-erscheinen() und show () - Methoden der Unterschied?
1 Antworten
Studiere ich für eine HTML -, CSS -, JS-Prüfung gefunden und verschiedenen Ressourcen, um mir zu helfen zu studieren. Dabei eine Praxis quiz, ich fand diese Frage stellen. Sie eine Seite erstellen, die enthält ausführliche Informationen über
Wie berechnen Sie den maximalen Wert für border-radius ohne mit Anteil?
2 Antworten
CSS3 verwendet die border-radius Attribut zu setzen abgerundeten Ecken von Elementen. Die Werte, in der Regel sind in px, und die niedrigste erlaubte Wert ist 0px. Das visuelle Ergebnis sind variable, je nach den Abmessungen des Elements
Text-overflow-ellipsis nicht mit einige benutzerdefinierte schriftart
7 Antworten
Ich versuche momentan, um ein Textfeld zu verstecken, überfüllt von text. Es funktioniert gut, aber für einen Teil. Ich bin mit text-overflow: ellipsis; Diese sollten drei Punkte ("...") an der Stelle, wo mein text ist abgeschnitten, aber
bei der css position klebrige kleben hält
1 Antworten
Ich Frage mich, warum position: sticky funktioniert für einige x-Achse-scrollen, aber sobald Sie einen Bildlauf über die anfängliche Breite des Bildschirms Breite, Ihrer 'sticky-div', nicht mehr haften bleibt. In diesem Beispiel habe ich eine Links-Seite-bar, der klebt
CSS-Perspektive funktioniert nicht in Internet Explorer 10 oder Firefox
3 Antworten
Habe ich einen jQuery image scroller simuliert, dass die Tiefe mit der perpective und transform: translateZ CSS-Eigenschaften. Macht es richtig, in Chrome, aber nicht im IE10 oder Firefox. Hier ist das komplette Projekt (klicken Sie auf die
Stellar.js background-attachment legen Sie fest aber verrückt jitter noch passiert
4 Antworten
Wie der Titel schon sagt, ich bin mit Stellar.js. Ich habe nur eine parallax-element, und es ist sehr einfach. Es ist ein Abschnitt mit einem hintergrund Bild. Das Bild im hintergrund legen Sie fest (wie die Dokumentation
Flex-box ignoriert eingewickelt Kinder-Marge (Marge Zusammenbruch)
2 Antworten
Angesichts des folgenden HTML-Code: <div class="outer"> <div> <div class="inner">A</div> </div> </div> <div class="outer"> <div class="inner">B</div> </div> und die folgenden CSS - (prefix-free): .outer { display: box; box-orient: vertical; height: 100px; width: 100px; background: red; margin: 10px; }
transform3d(): Mithilfe Prozentsatz zum Bewegen Innerhalb des Übergeordneten Objekts
4 Antworten
CSS-standard-Verhalten beim verschieben eines Objekts in Prozent, dass dieser Prozentsatz stellt die Abmessungen des übergeordneten Containers (div). Dies gilt nicht, wenn mit CSS3 transform: translate3d(). Wenn Sie mit prozentualen Werte für entweder die X -, Y-oder Z-Koordinate,
Wie verwenden Sie grid-template-Bereiche, in reagieren inline-style?
4 Antworten
So, ich habe das Spiel mit css-grids im reagieren, wenn ich merkte, dass grid-template-areas hat eine etwas andere syntax, die möglicherweise nicht kompatibel inline reagieren Stile. Ich bin nicht mit jeder Bibliothek einfach nur alt reagieren inline-styles
Hinzufügen von horizontalen scroll-bar für die bootstrap-modal-body mit <pre> - tag-Inhalte
1 Antworten
Hier ist die Geige mit dem Thema. http://jsfiddle.net/sheth/YE9Sx/ Ich bin versucht zu haben, die tun einem text-viewer. Ich habe nicht den text als Dokument, sondern als ein JSON-array von Seiten und Zeilen. Ich beschloss mit Bootstrap Modal
CSS-Media-Query - Gerät Breite - portrait vs Landschaft
2 Antworten
Habe ich folgende Zweifel: 1) Hat die device-width, dass ein media-query entspricht, ändern sich je nach Modus (hochformat vs Querformat)? 2) herkömmliche laptops und desktops, jemals mit portrait-Modus? Ist die Orientierung zufällig/nicht definiert für Geräte, die nicht
CSS-Bootstrap-container-hintergrund
2 Antworten
Ich benutze bootstrap, und ich Frage mich, was wäre eine saubere Möglichkeit zu geben, einen hintergrund zu meinem container. Ich bin mit der bootstrap-Klasse container, nicht container-fluid. Bootstrap-doc klar, dass ich nicht die nest-Container, also, was ist
Multi-Spalten-Problem mit horizontal scrollen
2 Antworten
Ich habe ein parent-div (main) mit der horizontalen overflow auf auto gesetzt. Dann habe ich ein child-element (Spalten), die hat alle meine Spalte Eigenschaften auf. Das problem ist, dass, sobald der Inhalt geht weiter als der viewport
Übergang CSS Dauer nicht funktioniert
2 Antworten
Ich kann nicht scheinen, um die Dauer übergang arbeiten auf nur eine meiner divs auf meiner Website. wenn Sie gehen, um die "Kontakt" - Abschnitt, bewegen Sie die Maus über die Karte, die divs übergang feine wenn
Wenn input :focus, dont trigger :hover-styles
5 Antworten
Ich bekam eine Eingabe, die ich gestylt mit einem :focus und :hover. Wenn die Eingabe :focus ich nicht wollen, um die :hover Stil ausgelöst, wenn ich die Maus über dem Eingang. Wie soll ich den Stil? Mein
Mehrere hintergrund-Farben auf 1 DIV
2 Antworten
Ich habe eine div, und ich möchte ein 2 Hintergründe horizontal auf es mit CSS3, aber ich kann nicht herausfinden, und so würde ich mich über jede Hilfe!!! background: blue top no-repeat 10%; background: yellow bottom no-repeat
CSS3 "Gekrümmten Oberfläche" 3D-Transformation/Perspektive Helfen
4 Antworten
Ich versuche zu schaffen, eine Art von Perspektive Menge für meine website. Es ist buchstäblich ein ul voll von flachen Bildern, und ich möchte, um eine "gebogene" fühlen Sie sich wie eine gerundete Menge. Wo es nach
Erstellen einer dynamischen Graphen und Kreisdiagrammen wie goo.gl-Statistik
2 Antworten
Ich bin ziemlich neu in HTML5, CSS3 und jQuery und Frage mich, wie die zu erstellen goo.gl Statistiken wie dynamische graph und Tortendiagramm die Sie verwenden. Jede Hilfe von Euch sehr schätzen. Dank, ZB InformationsquelleAutor aa8y |
wie Verzögerung Hintergrundfarbe übergang mit css
3 Antworten
Hey, ich bin neu in Entwicklung, so wurde versucht, die Hintergrundfarbe zu verändern, wenn wir den Menüpunkt ändern, ich habe das getan, wollen aber einige Verzögerung in der änderung der Hintergrundfarbe.Ich habe versucht, transition-Eigenschaft bekam aber kein
100% height in der Ionen-slide-box nicht funktioniert
0 Antworten
Ich bin mit der ion-slide-box in meiner Anwendung. Manchmal ist die Höhe des Inhalts für eine Folie ist nicht, füllen Sie den gesamten Inhalt. Das heißt ich habe einen leeren Raum am unteren Rand der Folie. In
Responsive Tabelle mit gleicher Breite und Höhe TDs
2 Antworten
Wie erstelle ich eine responsive HTML-Tabelle, die jede Zelle/TD hat die gleiche Breite und Höhe? Also, wenn ich die Größe des browser-Fensters oder die Größe der Tabelle im container in der Tabelle wird die Größe, aber jede
Browser nicht dargestellt WOFF-fonts (@font-face)
1 Antworten
Ok, ich habe ein Problem, ich kann nicht herausfinden, ich versuche zu Forschungs-Verwendung von WOFF-Schriftarten in Internet Explorer 10. Ich heruntergeladen kit von fontsquirrel, und anhand der mitgelieferten CSS-und HTML-Dateien, die ich Hinzugefügt Schriften zur web-Anwendung. (ASP.NET
Ich möchte zu manipulieren das html innerhalb eines iframe mit jquery
2 Antworten
Ich dachte, ich wäre in der Lage, das zu tun, indem es den Kontext des jQuery-Funktion das Dokument mit dem iframe, so etwas wie: $(function(){//document ready $('some selector', frames['nameOfMyIframe'].document).doStuff() }); Allerdings scheint dies nicht zu funktionieren. Ein
So laden Sie eine Webseite, die so schön und so glatt, wie es bekommen kann
3 Antworten
Ich will zu imitieren, in meinem Projekt eine apples pages Verhalten (am besten gesehen auf FF, Chrome, Safari): im ersten moment die Seite ist leer mit Ausnahme der header - aber die Höhe der Seite ist bereits
visibility hidden funktioniert nicht in safari
2 Antworten
Ich ausblenden möchten ein div-tag mit style-Eigenschaft <div style='visibility:hidden'>Sample</div> Aber die Eigenschaft ist für firefox aber nicht in safari. Kann mir jemand eine alternative vorschlagen. Vielen Dank im Voraus. Sie können <div style="display: none">Sample</div>, entfernt das element