Tag: css3
Erstellen eines Radialmenüs in CSS
2 Antworten
Wie kann ich ein Menü erstellen, welches wie folgt aussieht... Link zu PSD Ich nicht wollen, verwenden Sie die PSD-Bildern. Ich würde es vorziehen, verwenden von Symbolen aus anderen Paketen wie FontAwesome und die Hintergründe/css erzeugt in
CSS-Transformation mit Element-Größenanpassung
1 Antworten
Fand ich dies: Breite/Höhe, nach der Transformation und einige andere, aber nichts ist nicht ganz das, was ich Suche. Was ich möchte, ist die Skalierung etwas zu 50% von seiner Größe (mit schönen animierten übergang natürlich) und
So erstellen Sie eine schwebende Menüleiste beim Scrollen nach unten
5 Antworten
Wenn ich nach unten gescrollt Ort-Anzeige schwarzen Menüleiste oben Aussehen float bar. aber ich denke, es gibt jquery mit eingebunden. Ich habe versucht CSS, aber scheint nicht für mich arbeiten, wie ich will, es zu #menucontainer {
CSS3 Box-Shadow für überlappende Divs
3 Antworten
Ich versuche zu erreichen diesen Effekt mit css3: Den HTML-code ist sauber, etwas wie ... <header> ... </header> <div id="wrapper"> ... </div> ... und das css ist das, für den Augenblick, so etwas wie header { display:
CSS3 Transform Skew One Side
2 Antworten
Ist es möglich zu schaffen "CSS3-Transform-Skew der Einen Seite" Fand ich eine Lösung, aber es ist nicht nützlich für mich, weil ich ein Bild für den hintergrund (keine Farbe) #skewOneSide { border-bottom: 40px solid #FF0000; border-left: 50px
Methoden können vor der Initialisierung nicht aufgerufen werden. versucht, die Methode 'refresh' aufzurufen
5 Antworten
Ich würde gerne aktualisieren Sie den Wert von einem link-button durch klicken auf das Element ein Menü. Html: <div id="menu"> <ul data-role="listview" data-icon="false"> <li><a href="#">Value A</a></li> <li><a href="#">Value B</a></li> </ul> </div> <a href="#" id="selected" data-role="button"></a> jQueryMobile: $('#selected').hide();
Richtiger Weg, um abgerundete Ecken in Twitter Bootstrap zu erstellen
8 Antworten
Ich habe gerade angefangen mit Twitter Bootstrap und hier ist die eine Frage. Ich bin erstellen von benutzerdefinierten <header> block, und ich möchte, dass es die unteren Ecken werden gerundet. Gibt es irgendeine "richtige" Weg dies zu
Fügen Sie Inhalte am Ende der letzten Seite hinzu
3 Antworten
Ich bin mit wkhtmltopdf zum erstellen von PDF-reports von HTML, die ich brauche, um einen benutzerdefinierten Bericht erstellen, der folgt diesem Muster: Einige Informationen am oberen Rand der ersten Seite. Eine Tabelle haben kann, dass die 1
Konvertieren Sie RGB in RGBA über Weiß
7 Antworten
Ich habe eine hex-Farbe, z.B. #F4F8FB (oder rgb(244, 248, 251)) , möchte ich umgewandelt in eine so transparent wie möglich rgba-Farbe (wenn angezeigt über weiß). Sinn? Ich bin auf der Suche nach einem Algorithmus, oder zumindest die
header / footer / nav Tags - was passiert mit diesen in IE7, IE8 und Browsern als HTML5 nicht unterstützen?
3 Antworten
Ich bin gespannt, um zu beginnen, mit Html5 insbesondere die <header>/<footer>/<article>/<nav> tags. Was passiert, wenn der browser keine Unterstützung für diese? Auch ich brauchen, um Stil, diese so: Beispiel: Die nav hat Grenzen und Ränder usw. Sie
IE11 - flexbox und vh height units nicht kompatibel?
1 Antworten
Ich versuche, einen flexbox-basiertes layout um einen sticky footer für meine Seite. Dies funktioniert gut in Chrome und Firefox, aber im IE11 der footer sitzt genau nach meinem wichtigsten Inhalte. In anderen Worten die wichtigsten Inhalte nicht
Website für Touch-Geräte optimieren
11 Antworten
Auf einem touch-Gerät wie iPhone/iPad/Android kann es schwierig sein zu schlagen, die kleine Taste mit dem finger. Es gibt keine cross-browser-Möglichkeit zur Erkennung von touch-Geräten mit CSS-media-queries, die ich kenne. Also ich überprüfen, wenn der browser die
CSS: Responsive Weise, ein flüssiges div (ohne Breite px) zu zentrieren, während die maximale Breite begrenzt wird?
6 Antworten
Ich habe eine million Fragen darüber, wie center ein block-element und es scheint zu sein, ein paar beliebte Möglichkeiten, es zu tun, aber Sie alle verlassen sich auf den festen Pixel-breiten. Dann entweder margin:0 auto oder absolute/relative
Möglich, eine CSS-Animation beim Entfernen von Klassen umzukehren?
4 Antworten
Im wesentlichen das, was ich versuche zu tun, ist geben Sie einem element eine CSS-animation, wenn Sie es erhält eine Klasse, dann rückwärts, die animation, wenn ich entfernen Sie die Klasse ohne das Abspielen der animation, wenn
css3: not () Selektor, um die Klasse der Eltern zu testen
1 Antworten
Ich habe eine ungeordnete Liste, mit bootstraps "tabs" - plugin. Der code sieht so aus: <ul> <li class="active span3"><a href="#ourAgency" data-toggle="tab"><i class="icon-building icon-3x"></i>Our Agency</a></li> <li class="span3"><a href="#studentVisas" data-toggle="tab"><i class="icon-laptop icon-3x"></i>Student Visas</a></li> <li class="span3"><a href="#workVisas" data-toggle="tab"><i class="icon-suitcase icon-3x"></i>Work
Pseudo-Elemente und SELECT-Tag
2 Antworten
Macht die select - tag ermöglicht die :after - Selektor, um ein pseudo-element nach? Ich habe versucht auf Chrome, Safari und Firefox auf Mac, und es scheint nicht zu funktionieren. InformationsquelleAutor der Frage Patrick D'appollonio | 2014-01-13
Fluid Tisch mit td nowrap & amp; Textüberlauf?
4 Antworten
Hier ist mein problem HTML: <table style="width:100%"> <tr> <td style="width:100%;overflow:hidden"> <div style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">long long long long long long long long long long long long long long long long long long long long long long long long long long
css: nth-child (): nach
2 Antworten
Ist es möglich, zu mischen :nth-child() und after? Ich habe eine <ol> der Elemente, und ich will einen text hinzufügen :after. Dies funktioniert gut, aber ich würde dann gerne einen anderen text auf der 1., 2. und
@ font-face für benutzerdefinierte Schriftarten, Schriftarten, die in Chrome nicht flüssig sind
7 Antworten
Ich habe eine web-Anwendung, die mit CSS3 @font-face einbetten von benutzerdefinierten Schriftarten. Bislang hat dies funktioniert perfekt im IE und Firefox. Mit Chrome, jedoch, der benutzerdefinierten Schriftarten erscheinen pixelig und nicht glatt. Unten ist ein link zu
Schlagschatten nur unten css3
3 Antworten
Gibt es eine Möglichkeit zum löschen der Schatten nur auf der Unterseite?. Ich habe ein Menü mit 2 Bilder neben einander. Ich glaube nicht, dass ein Recht shadow, denn er überlappt das Rechte Bild. Ich mag es
Erstellen Sie ein Bild, um es an die übergeordneten Dimensionen anzupassen
5 Antworten
Ich habe einige Fotos, die große, und ich möchte diese, um die Eltern-dimension Größe. wenn man mal die übergeordnete dimension 1200x800 also ich würde gerne das Foto, Dimensionen 1200x800, aber auch ich würde gerne sehen, die ganze
Vertikal strecken Hintergrundbild
2 Antworten
Ich versuche herauszufinden, wie zu dehnen Hintergrundbild vertikal. Ich bin mit CSS3 mit 3 Bildern in der folgenden Weise: background-image: url("left.png"), url("right.png"), url("center.png") background-repeat: no-repeat, no-repeat, repeat-x background-position: top left, top right, top Nun will ich dehnen
CSS-Medienabfragen nach Bildschirmgrößen
3 Antworten
Ich versuche zurzeit, zu entwerfen ein layout, das kompatibel ist für mehrere Bildschirmgrößen. Die Bildschirm Größen, die ich entwerfe, sind unten aufgelistet: Bildschirm Größen: 640x480 800x600 1024x768 1280 x 1024 Pixel (und größer) Die Sache, die ich
Wie füge ich ein Font Awesome-Symbol zum Eingabefeld hinzu?
5 Antworten
Wie benutze ich die Suche-Symbol enthalten in Font Awesome für die Eingabe? Ich habe eine Suchfunktion auf meiner Website (basierend auf PHPmotion), dass ich verwenden möchten, für die Suche. Hier der code: <div id="search-bar"> <form method="get" action="search.php"
CSS3-Farbübergang funktioniert nicht in Chrome
9 Antworten
Die links in der linken Menü in diese website haben eine CSS3 transition-Eigenschaft der colorwelche änderungen auf Maus hover. Es funktioniert nicht in Chrome 16 oder 17 (die Farbe ändert ist plötzlich), während andere übergänge in die
CSS deaktiviert die Textauswahl
9 Antworten
Derzeit habe ich diese in den body-tag zu deaktivieren, text, Auswahl: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Aber, meine input und textarea Boxen sind jetzt nicht auswählbare. Wie kann ich nur diese
Wie wähle ich die letzten 2 Einträge in einer Liste mit css nth-child?
3 Antworten
Ist es möglich? Wenn nicht, gibt es eine Möglichkeit mit jQuery? InformationsquelleAutor der Frage John | 2011-07-07
Kästchen-Schatten unter Inhalt einfügen
1 Antworten
Ich verstehe nicht, warum, aber ein inset box shadow ist unter meine Inhalte. Hier ein Beispiel: div { box-shadow:inset 0 0 10px black; height:300px; color:red; } <div> a </div> http://jsfiddle.net/MAckM/ Sehen Sie die a ist auf der
CSS: Übergangstrübung bei Mouse-Out?
4 Antworten
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Warum dies nur animieren Sie die Deckkraft, wenn
Entfernen Wählen Sie den Pfeil auf IE
3 Antworten
Habe ich select-element, ich will, um zu entfernen den Pfeil, dann kann ich add icon.. ich kann das nicht für Firefox, Safari und Chrome aber das hat nicht funktioniert auf IE9. .styled-select select { border: 0 !important;
CSS Calc Viewport Units Abhilfe?
3 Antworten
Was ich gesehen habe, in andere AntwortenCSS viewport-Einheiten können nicht verwendet werden calc() Aussagen noch. Was ich erreichen möchte ist die folgende Aussage: height: calc(100vh - 75vw) Gibt es einige workaround Art, wie ich diese erreichen können
: Vorher und Hintergrundbild ... sollte es funktionieren?
2 Antworten
Ich habe ein div und gelten :before und :after ein Bild als Inhalt. Das funktioniert perfekt. Nun möchte ich ein Hintergrundbild, damit es nicht wiederholen, wie die div ändert, aber es scheint nicht zu funktionieren. Ist das
Kann ich position: relative und float kombinieren: links?
5 Antworten
Kann ich beides position: relative und float: left auf ein element? Wie diese: div { float: left; position: relative; top: 0px; left: 0px; } InformationsquelleAutor der Frage Randy Mayer | 2010-04-14
CSS, um den Textumbruch unter Bild zu stoppen
6 Antworten
Habe ich das folgende markup: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Ich will es so, dass, wenn der text umgebrochen wird, es geht nicht in die 'Spalte' für das Bild. Ich weiß,
Max-Höhe mit CSS-Übergängen animieren
4 Antworten
Ich will ein/ausblenden-animation, angetrieben nur durch den Klassennamen (javascript wird verwendet zum Umschalten der Klassennamen). Gebe ich eine Klasse max-height: 4em; overflow: hidden; und die anderen max-height: 255em; (ich habe auch versucht den Wert nonedie nicht animiert)
Fügen Sie das Twitter Bootstrap-Symbol zum Eingabefeld hinzu
3 Antworten
Wie können wir hinzufügen, ein Twitter-Bootstrap-Symbol icon-search auf der rechten Seite ein text-input-element? Den folgenden versuchen alle icons in das input-element, wie können wir es beschneiden, so dass es zeigt nur das Symbol für icon-search? Aktuellen Versuch
Abgerundete Ecken auf rechteckigem Bild nur mit CSS
3 Antworten
Ich würde gerne zu einem Runden Bild von ein rechteckiges Bild mit radius-Grenze. Ist es einfacher Weg, dies zu erreichen mit CSS, ohne zu verzerren das Bild UND um einen Kreis ist perfekt rund. Sehen, Fehlversuche hier:
Erstellen eines Lochs in einem & lt; div & gt; Element
8 Antworten
Definition von Loch in ein div - Ein element oder eine Methode, durch die Sie zeigen können, den hintergrund, die nur für einen bestimmten Bereich, hinter den Inhalt einer <div> element. InformationsquelleAutor der Frage Sussagittikasusa | 2010-12-03
CSS3 Ketten Animationen
3 Antworten
Habe ich eine Reihe von Animationen, die ich ausführen muss, um auf einen text, und ich war in der Planung mit CSS3. Mein plan ist, haben Sie text, der langsam nach unten bewegt den Bildschirm nach und
Inline-Stile im Vergleich zu Klassen
10 Antworten
In meinem Kopf, ich habe immer gewusst, dass die Verwendung von Klassen über inline-Stile für jedes Projekt. Aber gibt es irgendwelche Artikel/postings/blogs definieren die vor - /Nachteile der einzelnen? Ich bin in eine Debatte über diese, und
CSS3-Transformation funktioniert nicht
5 Antworten
Ich versuche mich zu verwandeln, meine Menüpunkte durch drehen Sie die 10 Grad. Mein CSS funktioniert im Firefox, aber ich habe nicht repliziert den Effekt in Chrome und Safari. Ich weiß, der IE dies nicht unterstützt CSS3-Eigenschaft
CSS3 transition / transform / translate3d verursacht starkes Flimmern am ersten oder letzten "Frame" des Übergangs (auf einem iPad)
6 Antworten
Alle, Ich arbeite an einer web-app speziell für das iPad, und ich bin mit einer CSS3 transition zu animieren div (Bewegung von Links nach rechts). Meine Klasse sieht wie folgt aus: .mover { -webkit-transition:all 0.4s ease-in-out; }
Kann CSS3 box-shadow: Inset nur ein oder zwei Seiten machen? wie Rand oben?
11 Antworten
Ich wundere mich über die Unterstützung für die Seite spezifische innere Schatten in css3. Ich weiß, das funktioniert auf den unterstützten Browsern. div { box-shadow:inset 0px 1px 5px black; } Ich bin einfach neugierig, ob es eine
So erstellen Sie ein Responsive Image, das in Bootstrap 3 ebenfalls skaliert wird
9 Antworten
Ich bin derzeit mit twitter bootstrap 3 und ich bin mit einem problem konfrontiert, zu erstellen, eine ansprechende Bild. Ich habe verwendet img-responsive Klasse. Aber die Bildgröße ist nicht das scaling-up. Wenn ich width:100% statt max-width:100% dann
Static Html Website - Bootstrap - Mehrsprachige Unterstützung
4 Antworten
Mit zu beginnen, möchte ich Ihnen mitteilen, dass ich bin Neuling in der Web-Entwicklung. Wurde ich gefragt, Aufbau einer statischen website (für einen small - size-hotel), und ich kaufte diese responsive-html5 - CSS3-Vorlage. Es besteht aus reinem
Vertikal zentrierten gedrehten Text mit CSS
6 Antworten
Ich habe Folgendes HTML: <div class="outer"> <div class="inner rotate">Centered?</div> </div> div.outer ist eine schmale, vertikale Streifen. div.inner um 90 ° gedreht ist. Ich möchte den text "Zentriert?" erscheint zentriert in seiner container-div. Ich weiß nicht, die Größe
Gibt es eine Möglichkeit, die CSS-Validierung von VS auf 3.0 zu aktualisieren?
4 Antworten
Ich bin immer Warnungen über CSS3.0 Eigenschaften wie text-overflow. Gibt es eine Möglichkeit zu überprüfen, gegen 3.0? HTML5-und CSS3-Unterstützung kommt auf VS2010 SP1. http://blogs.msdn.com/b/webdevtools/archive/2011/01/27/html5-amp-css3-in-visual-studio-2010-sp1.aspx Und jetzt das hier. http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210/view/Reviews/0?showReviewForm=True InformationsquelleAutor der Frage Will | 2008-09-29
Wie man einen CSS-Farbverlauf auf einen Text anwendet, von einer transparenten bis zu einer undurchsichtigen Farbe
2 Antworten
Prost! Ich bin ein Neuling in CSS/HTML, aber ich möchte einen Farbverlauf über einen text, wie die auf dem Bild unten. Wie kann ich es umsetzen mit css? InformationsquelleAutor der Frage xamenrax | 2013-01-24
Mitte Dreieck am Ende der Div
3 Antworten
Ich versuche, ein Dreieck/Pfeil am unteren Rand mein held, aber es ist nicht ansprechbar und reagiert nicht funktioniert auf mobile sehr gut, wie das Dreieck, schwimmt nach rechts ab und ist nicht absolut zentriert mehr. Wie konnte
Wie importiere ich Google Web Font in eine CSS-Datei?
9 Antworten
Ich arbeite mit einem CMS, welches ich nur Zugriff auf die CSS-Datei. Also, ich kann nicht alles beinhalten, was im KOPF des Dokuments. Ich Frage mich, ob es war ein Weg, um den import der web-schriftart in