Tag: css3
Respond.js für CSS3 Media Queries

Ich versuche zu verwenden Respond.js für CSS3 Media Queries auf älteren IE-Versionen https://github.com/scottjehl/Respond Bin ich immer etwas Meldung "Zugriff verweigert" in Javascript. Habe ich versucht ähnlich http://scottjehl.github.com/Respond/cross-domain/example.html Ich denke, es gibt einige cross-domain-setup zu tun...Aber ich bin
Macht geschmeidig animiert gestreift div

Ich bin Schwierigkeiten bei der Herstellung eines nahtlos animierten gestreift, div, wie ein Fortschrittsbalken. CSS: .animationStripes{ width: 300px; height: 50px; background-image: repeating-linear-gradient(-45deg, rgb(0, 0, 0), rgb(0, 0, 0) 25px, blue 25px, blue 50px); -webkit-animation:progress 2s linear infinite;
Hinzufügen von HTML-markup zu materialisieren.css tooltip

Gibt es eine Möglichkeit zum hinzufügen von HTML-markup, um die QuickInfo materialisieren? Ich versuche zu ordnen einige Daten-definition, - Liste in einem QuickInfo. Ich versucht, um es direkt in das data-tooltip-Attribut, aber es scheint nicht zu erkennen,
Verschieben browser die Anker-Position, ohne dass die Seite zu aktualisieren

Ich habe eine web-Seite, die lädt einige Daten über einen jquery-post alle 30 Sekunden, wird der jquery-post abrufen wird der Anker in einer tab-form, so dass, wenn die jquery funktioniert das aktualisieren der Anker ist für immer
CSS Flexbox: Wie richten Sie die untergeordneten Elemente einer flexbox-container an entgegengesetzten enden der Hauptachse?

Ich bin ein styling-header einer Webseite. Ich möchte den header einer einzigen Zeile, die enthält ein logo und einige Navigations-links. Ich fühle mich der beste und modernste Weg, um layout dieser header ist heute mit CSS3 ist
border-radius fällt unter safari (hässliche clipping)

Weiß jemand einen workaround für den folgenden " bug " in Safari? Wenn ich border-radius zu erstellen, gerundeten Grenzen in CSS3 ist es genauso gut funktioniert auf Safari, FF und so weiter. Aber wenn der border-color wird
media queries / be-verschiedene Bild-je nach Bildschirm-Größe

Könnte dies einfach, aber ich bin verloren in all den Lösungen habe ich es geschafft, zu finden auf der web. Ich habe eine laufende website (www.webstalab.com) basierend auf Twitter Bootstrap-3, aber das Bild (mit zwei Statuen halten
In AngularJS Material-Design, wie zu verbergen übergelaufen text in der "md-Symbolleiste"?

Etwas wie: <md-toolbar> <div class="md-toolbar-tools"> <paper-icon-button icon="arrow-back" nav-to="{{$root.navTo}}"></paper-icon-button> <span flex>{{$root.title}}</span> </div> </md-toolbar> Aber wenn $root.title ist sehr lang, der text wird nur wickeln Sie auf mehrere Zeilen. Was ich will, ist die Wirkung von text-overflow: ellipsis;, aber
Bootstrap carousel Konflikt flexslider

Ich verwendet Bootstrap carousel. Wenn ich auch flex-slider in der Position, das flex-slider funktioniert nicht. Wenn ich entfernen bootstrap.js das flex-Schieber arbeitet. Aber das Karussell nicht funktioniert. HTML: <div class="carousel-inner"> <div class="item active">img here</div> <div class="item">img here</div>
So wählen Sie 1., 4., 7. element und so weiter?

Wie konnte ich wählen Sie die 1., 4., 7. Elemente und so weiter ?! auch, wie Sie die 3., 6., 9. und so weiter? das Muster auswählen und das element dann aus zwei und der Auswahl des
So ändern Sie die Dauer der CSS3-keyframes-animation mit JavaScript raw

Gibt es eine Möglichkeit, ändern Sie die Dauer der CSS3-keyframes animation mit JavaScript? In CSS kannst du das mit der animation-duration-Eigenschaft: animation-duration: 1s; JavaScript sollte roh, ich don ' T wollen gehören jQuery oder anderen JS-Bibliotheken in
CSS-Media-query-Landschaft, android soft-Tastatur

Ich arbeite an einer web-Anwendung für tablets(für android und ios), und ich bin mit einem problem konfrontiert, welches gebe mir Mühe für 2 Tage schon. Das problem ist, dass auf android, wenn Sie im portrait-Modus und zum
Einstellung mehrere Absatz-Formatvorlagen in css

Dies ist ein top-level-Frage und basiert mehr auf meine Unkenntnis der css als alles andere. Ich bin versuchen, um zwei Absatz-Formatvorlagen in css, mit einem 20px font-size und ein weiteres mit einem 14px font-size. Jedoch, egal, was
CSS Text-Geschnitzt oder-Gedrückt-Effekt

Geht man hier - http://djangocon.us/. Ganz oben auf der djangocon-logo ist da. Dieses logo ist der gesamte text & der text ist wie innen gedrückt. Es Art von fühlt sich an wie es ist schon geschnitzt. Habe
Ist es möglich, animieren den übergang zwischen hintergrund-Größe: enthalten und background-size: cover?

Ich weiß, es ist möglich zu animieren den übergang zwischen background-size bei der Verwendung von pixel oder prozentuale Werte mit css3, aber ich kann es nicht wieder arbeiten zu animieren zwischen contain und cover. (Ich bin mit
Stoppen einer CSS-animation, sondern lässt seine aktuelle iteration beenden

Ich habe Folgendes HTML: <div class="rotate"></div> Und die folgenden CSS: @-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); } } .rotate { width: 100px; height: 100px; background: red; -webkit-animation-name: rotate; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } Möchte
CSS3 transition nur, wenn die Klasse Hinzugefügt wird, nicht, wenn Sie entfernt werden

Ich habe das folgende CSS-Beispiel: .message{ background-color: red; transition: background-color 5s; -webkit-transition: background-color 5s; /* Safari */ transition-delay: 2s; -webkit-transition-delay: 2s; /* Safari */ } .unreadMessage{ background-color: blue; } Dann habe ich ein DIV mit .message Klasse,
Vertikal center responsive iframe

Ich bin mit der Technik hier beschrieben um einen iframe (video) reagiert. Im wesentlichen der iframe ist absolut positioniert in einem wrapper-element mit 100% Breite. Die wrapper-element hat padding set, basierend auf dem Seitenverhältnis des Videos: .embed-responsive
HTML & CSS: Bearbeiten von schriftart/Schriftgröße?

Bin ich mit einem custom font (Oswald) für die überschriften oder Titel, die in meiner Seite. Ich glaube, dass die " Höhe in Konflikt mit den systemeigenen Schriftarten (Arial, san-serif usw.) und würde gerne wissen, ob es
onclick show-div und nach einigen Sekunden hide my dargestellt div

Brauche ich etwas Hilfe mit meinen button. ich will, wenn ich auf den button (Klick mich) die hidden-div zu sehen sein sollte, aber nach einigen Sekunden meine versteckten div automatisch ausblenden. Danke !! Hier der code :
SVG in flexbox vermasselt Höhe von anderen Elementen

Ich versuche, ein svg-element, dass die Größe mit der container-Größe in einer flexbox, aber für einige Grund es vermasselt die Größe eines div (mit text) unterhalb des svg. (Wie viel ändert sich beim ändern der Größe des
flex-container mit min-height im IE ignoriert

Soweit ich in der Lage gewesen, sich zu versammeln, wenn die Arbeit mit IE10 /IE11 ich sollte in der Lage sein, die Verwendung der standardisierten flex-Bezug. Ich habe einen div-container und 2 child-divs. Den 2 child-divs sind
Wie man ein Vollbild, html 5 web-app?

Gibt es derzeit anerkannten Methoden für den Aufbau Vollbild-web-Anwendungen in HTML 5 einfach mit JavaScript und CSS? Wenn ja, was sind die vor-und Nachteile der einzelnen? Was cross-browser-Macken gibt es? Wenn Sie sagen, Vollbild, Sie wollen einfach
Halten Fußzeile am unteren Rand, aber nicht klebrig?

Meine grundlegende layout ist einfach: <header></header> <main></main> <footer></footer> Wenn ich meine Fußzeile position:fixed es hält sich an der Unterseite der Seite, aber ist ein "sticky" footer und bedeckt content beim scrollen erforderlich ist. Ich würde gerne zu
Gibt es eine Möglichkeit zum deaktivieren von media queries unter bestimmten Bedingungen?

Ich bin mit dem gleichen stylesheet für die Haupt-Website, sowie eine "Vorschau" der Seite (NICHT in einem iframe, weil ich es brauche interaktiv). Die Fragen, die Vorschau nicht bis 100% der Bildschirmbreite, so dass, wenn media queries
jQuery Isotope Animation Verzögerung

Gespannt, ob jemand da draußen war in der Lage zu ändern, die CSS3-übergänge verwendet werden, mit jquery Isotope, um eine Verzögerung hinzufügen, wie die Elemente shuffle mit so etwas wie "transition-delay: 0s, 1s;". Ich würde gerne shuffle
Onclick-Ereignis auszulösen, ein weiteres overlay div

Ich habe ein Bild, möchte ich hinzufügen, dass einige Effekte. Hover-overlay div ich war in der Lage, um es hinzuzufügen. Nun, was ich tun möchte hinzufügen onclick Ereignis und zu einem anderen overlay div. Hier ist mein
Verpackung DIV in Anker-Tags oder sonst

Angenommen ich habe einen anklickbaren komplexe div - element-Struktur, die links zu einer anderen Seite wie folgt. Dies ist die Sache, die erreicht wird, die sich derzeit auf klicken Sie auf. Auf klicken (css :active-Zustand) ändern der
Flexbox außerhalb seines Containers

Ich versuche einen header-bar, in der es sind 3 Elemente, die zuerst nimmt man genau so viel Platz wie Sie können, während die anderen 2 nehmen so viel, wie Sie benötigen. | title | button | button
Mehrere Schaltflächen und Suche Platzierung im header die jQuery Mobile?

Ich versuche, fügen Sie eine such-Eingang und drei Tasten auf der gleichen Zeile in der jQuery-Mobile, aber es entpuppt sich als wirklich frustrierend. Hier ist der code, den ich versuche: <div data-role="header" class="header"> <input type="search" name="search" id="search-header"
Auto-Kontrast Schriftfarbe auf Hintergrund

Ich habe einen hintergrund von einem Feld. Die Unterseite ist grün, die Oberseite ist Grau. Es wird text auf dem hintergrund. Gibt es eine Möglichkeit, die für den text zu "Sinn", welche Farbe der hintergrund und färbe
Wie verwenden von css3 zu erreichen, ein ball-bounce-Effekt?

In der Tat habe ich fast Erfolg: Ich habe eine div benötigt, um bounce : <div class="container"> <div class="flipcard transition allowhover"> <h1>This is card</h1> </div> </div> dann verwende ich css3 animieren zu erreichen bounce-Effekt: .container{ width: 100%;
html - /css-segment-Bildschirm in 4 Quadranten

Möchte ich ein layout, in dem die Webseite gliedert sich wie im Bild unten gezeigt: Ich habe versucht, eine Tabelle zu verwenden-tag, aber ich muss den ganzen Bildschirm verwendet werden(100% Breite und Höhe) und ich würde lieber
CSS-Graustufen-filter und background-blend-mode zur gleichen Zeit?

Ich versuche zu behandeln, ein Bild der gleichen Art, wie es ist in eine photoshop-Datei - desaturating das Bild in Graustufen um, und wendet dann eine Farbüberlagerung mit einer Füllmethode "multiplizieren". Zu diesem Zweck bin ich styling
Wie die Umsetzung easeOutBack Lockerung in css transform-animation

Arbeite ich mit einigen css-animation. Aber ich fand, dass die CSS-übergang unterstützen nur folgende easing-Funktion. einfache | lineare | ease-in | ease-out | ease-in-out | cubic-bezier() Ich will so etwas wie easeOutBack Lockerung in der animation mit
Javascript zu ändern, div Breite dynamisch

Kann jemand mir helfen, zu erstellen Sie eine javascript? Lassen Sie mich erklären, ich habe 2 divs 1) linke div-Breite 85% 2) die Rechte div-Breite 15% da ist also was ich ändern will Breite für den linken
Verhindern, dass die JQuery-Mobile-add div-element automatisch

Habe ich div-element ursprünglich wie diese.. <body> <canvas id="pageflip-canvas"></canvas> <div id="pages"> <section> </section> </div> <script type="text/javascript" src="index.js"></script> </body> aber wenn ich mit JQuery-Mobile ist Es so <body class="ui-mobile-viewport ui-overlay-c"> <div data-role="page" data-url="/C:/AppServ/www/guiBook2/index.html" tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height:
nth-child(odd) funktioniert nicht wie erwartet

Warum muss jede Zeile einen roten hintergrund wenn ich mit nth-child(odd)? <div id="ClientTable"> <div class="ClientTableHeaderRow"><span class="ClientTableHeaderColumn">Full Name</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> <div class="ClientTableRow"><span class="ClientName">Umpa Beeson</span></div> </div> #ClientTable {position: relative;
CSS-Selektor für alle Spalten der Tabelle größer als nth-of-type(2)?

Meine aktuellen CSS-wählt die 2. Spalte: tr td:nth-of-type(2) { padding-left:20px; width:100px; background-color:yellow; } Wie kann ich Ziel, alle Spalten nach dem 2.? InformationsquelleAutor HelloWorld | 2013-06-17
Wie Zentrum ein html5-element "Abschnitt"? verticaly

hier ist im Grunde meine html-Struktur der content-Bereich ist der Teil, das will ich mittig zwischen Kopf-und Fußzeile, so dass Sie auf allen Auflösungen, die in der Mitte. Ich habe versucht, mit dem Tisch-Methode, wo du ein
Webkit-CSS3-Spalte fügt eine zusätzliche Polsterung zu seinem container.

Habe ich einen CSS3 multi-column layout für die image-Galerie, die schön aussieht auf Firefox. HTML : <section id="featured"> <article> <img src="http://sheepy.me/incoming/images/posts/blog/thumb_tim-burton-pokemans.png" /> </article> <article> <img src="http://sheepy.me/incoming/images/posts/blog/thumb_hem-tourniquet.png" /> </article> <article> <img src="http://sheepy.me/incoming/images/posts/blog/thumb_hem-tourniquet.png" /> </article> <article> <img src="http://sheepy.me/incoming/images/posts/blog/thumb_tim-burton-pokemans.png" />
Verschieben Sie mehrere Hintergründe unendlich mit CSS

Ich habe zwei Hintergründe: body { background-image: url(img/nemo.png),url(img/ocean.png); } Wie mache ich nemo.png background bewegen unendlich von Links nach rechts, aber nicht auf ocean.png background? EDIT:, Wenn er an den rechten Rand (und das Bild ist nicht
Verschiedene css3 transition time für "in" und "zurück" - Zustand

Ich versuche, Benutzer css3 übergänge, verblassen die Deckkraft eines Elements (http://www.w3schools.com/cssref/css3_pr_transition-duration.asp). Habe ich zum Beispiel sagen: -webkit-transition: opacity 2s ease-in-out; Gibt es einen Weg zu geben eine andere "Rückkehr zum ursprünglichen Zustand", als die 2s? Möchte ich
SWF-Dateien funktioniert nicht auf IPhone/IPad

Ich habe eine swf-Datei auf meine Website, und es funktioniert nicht auf Iphone/Ipad Gibt es eine Möglichkeit, dies zu behandeln .swf-Datei in mein code zu arbeiten Dank Ist das eine ernste Frage? Bitte einfach bei Google nach
stick-Taste nach unten element

Gibt es eine Möglichkeit zu kleben Kind button-element bis zum unteren Ende des übergeordneten Elements, wenn die Anzahl der Kind-Elemente variieren? Eltern-element eine Feste Höhe und kann vertikal scrollen im Fall von Kindern überlaufen. In diesem Fall,
So fügen Sie eine video, die passen auf ein div

<div class="box1"> <video preload="auto" autoplay loop muted="muted" volume="0"> <source src="videos/splash4.mp4" type="video/mp4"> </video> </div> **This is the css** .box1{ width:100%; height:800px; } So, wie dieses video passt zu den Div? wie http://www.google.com/nexus/7/ Haben Sie dies versuchen?: .box1 video
Tabelle erstellen 100% mit festen header mit dem smart table-eckig

http://plnkr.co/edit/GIeXoF?p=preview Wie kann ich diese Tabelle mit einer Höhe von 100% Höhe, aber der header muss noch fixiert bleiben? <!DOCTYPE html> <html ng-app="myApp"> <head> <link data-require="[email protected]" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> <script data-require="[email protected]" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script> <link rel="stylesheet" href="style.css"
Blur hintergrund eines div

Möchte ich den hintergrund unscharf einer div. Ich kann nur Lösungen finden, die für Bilder als hintergrund, nicht die HTML-Elemente. Es ist für den mobilen Einsatz so CSS3 ist kein problem. Ich habe eine JSfiddle zusammen zeigen,
hintergrund Bild mit 100% Breite

Wie wir alle wissen, schaffen wir eine ansprechende Bild mit 100% des übergeordneten Breite und Höhe je nach Verhältnis mit dem folgenden code. Jedoch, ich möchte den gleichen Effekt erzielen, indem man es als Hintergrundbild verwenden background-image
Was ist der Unterschied zwischen CSS3 ist :root-Pseudoklasse und html?

Ich kann nicht scheinen, um herauszufinden, viele Informationen über diese. Das Smashing Magazine scheint zu sagen, dass html und :root sind die gleiche Sache, aber sicherlich muss es einen kleinen Unterschied? InformationsquelleAutor sanjaypoyzer | 2013-04-09