Geheimnis des unsichtbaren Textes in Chrome

Ich baue eine Website mit einer einfachen Navigationsleiste. Ich habe etwas CSS geschrieben, um einen Hover-Effekt für die Buttons zu zeigen. Alles funktioniert gut in IE und FF aber aus irgendeinem Grund in Chrome die Menüschaltfläche Textbeschriftungen sind unsichtbar Rendering das Menü völlig nutzlos. Ich habe über eine Stunde lang nach einer Lösung gesucht, kann aber nichts finden. Ich habe firebug lite in Chrome installiert und eine Weile damit verbracht, die Etiketten anzuzeigen, indem ich z-index-Regeln hinzufügte, die Label-Farbe änderte und Hintergründe usw. entfernte, aber nichts würde sie erscheinen lassen.Geheimnis des unsichtbaren Textes in Chrome

Wenn jemand dies in Aktion sehen möchte, versuchen Sie http://naamjoga.cz zuerst in FF und dann in Chrome. Jede Hilfe dankbar geschätzt. Danke

Quelle

2010-12-08 Xoundboy

Sie schweben Ihre Links auf der linken Seite und stattdessen möchten Sie Ihre Listenelemente nach links schweben. Testen Sie dies und die folgenden Änderungen behebt Ihr Problem. Es macht eigentlich keinen Sinn, die Links links zu schweben.

#nav ul li { float: left; } statt #nav li a { float: left; }

Quelle

2010-12-08 17:40:56 mrtsherman

Das hat funktioniert, danke! – Xoundboy

Danke für die Punkte. Ich kann endlich kommentieren! Es gibt so viele kluge Köpfe in SO, dass es sehr schwer ist, eine richtige und prägnante Antwort superschnell zu formulieren. – mrtsherman

Herzlichen Glückwunsch! Aber verpiss dich nicht zu sehr :) Ich denke, einige dieser 'schlauen Leute' müssen viel zu viel Zeit hier verbringen, um so viele Punkte zu sammeln. – Xoundboy

In meiner Dev-Version von Chrome, funktioniert es, wie Sie wollen, wenn Sie display: inline; zu Ihrem #nav ul li Stile hinzufügen. Sobald Sie diese Änderung vorgenommen haben, überprüfen Sie, ob sie noch in FF und IE funktioniert.

Quelle

2010-12-08 17:49:30 adrianbanks

Hallo - und danke für deine Antwort. Eigentlich habe ich gesehen, dass du schon 13,4K Punkte hast, also dachte ich, ich würde zuerst mrtshermans Antwort versuchen - er hat nur 26! ;) Seine Antwort hat funktioniert. Ich hoffe, das ist in Ordnung - das ist mein erster Post auf Stackoverflow, also bin ich nicht zu 100% auf die Etikette in dieser Situation, wo es zwei Antworten zu überprüfen gibt. – Xoundboy

@Xoundboy: Der übliche Ansatz besteht darin, jede Antwort, die Sie für nützlich halten, zu verbessern (indem Sie auf den Pfeil nach oben links von jeder Antwort klicken) und die Antwort akzeptieren, die Sie am besten finden (wie Sie es bereits getan haben). – adrianbanks

Richtig, das macht Sinn. Es sieht so aus, als ob ich 15 Punkte benötige, bevor ich aufladen kann. Das könnte eine Weile dauern. Danke für den Hinweis. – Xoundboy

Geheimnis des unsichtbaren Textes in Chrome

Antwort

Verwandte Themen