Articles of css

Innerer Textschatten mit CSS

Ich spiele gerade mit CSS3 herum und versuche, einen Texteffekt wie diesen zu erzielen (der schwarze verschwommene innere Schatten): Aber ich kann keine Möglichkeit finden, Textschatten innerhalb des Textes zu erstellen. Ich frage mich, ob das noch möglich ist, weil das Box-Shadow-Element Schatten nach innen rendern kann: box-shadow: inset 0px -5px 10px 0px rgba(0, 0, […]

Webfont Glättung und Antialiasing in Firefox und Opera

Ich habe einige benutzerdefinierte Webfonts auf meiner Website eingebettet und ich benutze Sachen wie //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; um meine Renderausgabe zu stylen. Dies funktioniert in Safari und Chrome einwandfrei. Ich bekomme schärfere Kanten und dünnere Linien. Gibt es eine Möglichkeit, solche Sachen in Firefox zu machen? Oder Oper?

fancybox2 / fancybox bewirkt, dass die Seite nach oben springt

Ich habe fancybox2 auf einer Dev-Seite implementiert. Wenn ich die Fancybox aktiviere (klicke auf den Link etc.), verschiebt sich das ganze HTML dahinter – und geht nach oben. Ich habe es funktioniert gut in einer anderen Demo, aber wenn ich den gleichen Code auf dieses Projekt ziehen, springt es an die Spitze. Nicht nur mit […]

Problem mit der Schriftgröße bei Mobile Safari (iPhone) behoben, wo Text inkonsistent gerendert wird und einige fonts größer sind als andere?

Unsere Website rendert mit inkonsistenten Schriftgrößen auf mobilen Safari – und soweit wir das beurteilen können, nur Mobile Safari. Das hat uns sehr überrascht. Wir haben die Site mit Firebug analysiert, und die falschen Bereiche erben die richtigen Stile, die Schriften werden jedoch immer noch mit den falschen Größen gerendert. 1) Besuchen Sie http://www.panabee.com . […]

Wie verhindere ich, dass Chrome die Eingabefelder meiner Website vergilbt?

Neben anderen Text- und visuellen Hilfen bei der Formularübergabe, der Postvalidierung, färbe ich meine Eingabefelder rot, um den interaktiven Bereich zu kennzeichnen, der Aufmerksamkeit benötigt. In Chrome (und für Google Toolbar-Nutzer) werden die Eingabemasken in der function “Automatisch ausfüllen” gelb eingefärbt. Hier ist das komplexe Problem: Ich möchte die automatische Vervollständigung auf meinen Formularen zulassen, […]

CSS @ font-face – was bedeutet “src: local (‘☺’)”?

Ich benutze @font-face zum ersten Mal und habe ein Font-Kit von fontsquirrel heruntergeladen Der Code, den sie in mein CSS einfügen, ist: @font-face { font-family: ‘junctionregularRegular’; src: url(‘Junction-webfont.eot’); src: local(‘☺’), url(‘Junction-webfont.woff’) format(‘woff’), url(‘Junction-webfont.ttf’) format(‘truetype’), url(‘Junction-webfont.svg#webfontoNEpZXy2’) format(‘svg’); } Nun, das Smiley-Ding hat mich ratlos gemacht. Aber auch die Anzahl der URLs im src – warum empfehlen […]

Erhalten Sie Höhe von div ohne Höhe in CSS eingestellt

Gibt es eine Möglichkeit, die Höhe eines Elements zu erhalten, wenn für das Element keine CSS-Höhenregel festgelegt ist. Ich kann die .height () jQuery-Methode nicht verwenden, weil sie zuerst einen CSS-Regelsatz benötigt? Gibt es einen anderen Weg, um die Höhe zu bekommen?

Richtige SCSS-Asset-Struktur in Rails

Also, ich habe eine app/assets/stylesheets/ Verzeichnisstruktur, die in etwa so aussieht: |-dialogs |-mixins |—buttons |—gradients |—vendor_support |—widgets |-pages |-structure |-ui_elements In jedem Verzeichnis gibt es mehrere Sass-Teiltöne (normalerweise * .css.scss, aber ein oder zwei * .css.scss.erb). Ich könnte viel annehmen, aber Rails sollten automatisch alle Dateien in diesen Verzeichnissen wegen *= require_tree . kompilieren *= […]

Importieren Sie die CSS-Datei in die .less-Datei

Können Sie .css-Dateien in .less-Dateien importieren …? Ich bin mit weniger vertraut und benutze es für meine ganze Entwicklung. Ich benutze regelmäßig eine Struktur wie folgt: @import “normalize”; //styles here @import “mixins”; @import “media-queries”; @import “print”; Alle Importe sind andere .less Dateien und alles funktioniert wie es sollte. Mein aktuelles Problem ist folgendes: Ich möchte […]

Entfernen Sie Safari / Chrome textinput / textarea glow

Ich frage mich, ob es möglich ist, das blaue und gelbe Standardglühen zu entfernen, wenn ich mit CSS auf einen Texteingabe / Textbereich klicke?