|
|||
Zitat:
Das Browsershots nicht richtig anzeigt denke ich nicht, die geben ja an mit welcher Version und Rechner getestet wurde, will das aber auch nicht ausschliessen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Zitat:
Also meine Version 1 sieht bisher so aus Code:
color: rgba(226,226,226,0.0); text-shadow: 0 0 11px rgba(34,34,34, .76) http://dokumente-online.com/test-blur.html |
Sponsored Links |
|
|||
Du hast ganz viele Probleme mit dem Code, die du beheben solltest.
1. Doctype ist falsch wenn du CSS3 verwendest, verwende den HTML5 Doctype. 2. Beim Zeichensatz ist UTF-8 gängiger Standard, dann kannst du auch Umlaute direkt eintippen, achte auch darauf dass deine Datei auch in UTF-8 abgespeichert wird. 3. Schriftgrösse pt ist für den Ausdruck gedacht, verwende px, % oder noch besser em für die Darstellung am Bildschirm. 4. die Schrift "Comic Sans MS" ist nicht optimal gewählt, ausserdem fehlt dir ein Fallback für alle, die diese Schrift nicht installiert haben. 5. Wenn du 100% Transparenz bei der Schrift haben willst, warum wählst du dann eine Farbe. Nimm besser rgba(0,0,0,0) 6. Schriftgrössen in px und pt brauchen keine Nachkommastellen, da kannst du statt 14.0 auch 14 schreiben. 7. Wenn du ein Span hast warum schreibst du dann die Klasse für die Eigenschaft in das Übergeordnete Div. Verwende die Klasse aus dem Div für das Span. 8. Das Span ist in einem P-Element eingebettet. Dieses P-Element hat die Klasse MsoNormal. Die Klasse ist nich aufgeführt. Da sie nach der Klasse textblur1 kommt, kann es sein, dass dortige Regeln die vorgehenden überschreiben, welche sich wegen der Vererbung auf das Span auswirken. Siehe auch Punkt 7. 9. Z-index ist hier überflüssig und hat keine Auswirkung. 10. Important ist nicht notwendig. 11. Vermeide das durcheinander von Styleangaben im Style-Element und zusätzlichem Inlinestyle. Das versteht der Browser, aber kein Mensch blickt da später durch. 12. Der Text "Version 1 - text-shadow" steht semantisch unkorrekt einfach im Body. Verwende ein passendes sematisch richtiges Element dafür, zum Beispiel eine Überschrift. 13. Sorge dafür dass CSS und Html valide sind. Der Online-Validator hilft dir. Wenn du alle diese Empfehlungen umsetzt wird das auch bei dir richtig angezeigt werden.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Danke Explanator ...
Zitat:
Hier wird text-shadow der Version 1 ausgeführt (IE10) IE NetRenderer - Browser Compatibility Check - (also demnach funktioniert der css code) Hast du IE10 intalliert und siehst den shadow? Auf meinem Rechner ist der Text zwar WEISS (also rgba greift), aber kein text-shadow sichtbar... Ich versteh es nicht. Ist übrigens auch auf einem 2ten Rechner so (beide haben Windows 7 64kbit) Ich habe schon herausgefunden, dass der IE10 aus Sicherheitsgründen die alten DXFilter deaktiviert (also im Browsermodus IE9 ging Shadow nicht, dafür ging aber Blur trotzdem) - kann man in den Sicherheitseinstellungen wieder aktivieren. (Betrifft aber eh nur Leute die über den IE10 im Browsermodus IE9 arbeiten...macht ja keiner normal) |
|
|||
Nachtrag.
Der text-shadow funktioniert wohl nicht, weil er aufgrund des weißen/transparenten Textes gebildet wird. Wenn ich eine Farbe im Text zulasse kommt auch Schatten. (jetzt ist diese Version online, darunter als Version 1.1 die bei mir fehlerhafte Version) Es scheint wohl doch eher ein Fehler meiner PC Konfiguration (Grafikkarte, Treiber, directX??) zu sein. |
|
|||
Ich kann das leider nicht testen mangels ie10. Da müsste jetzt mal jemand anderes drüberschauen. Aber solange es bei dir nicht korrekt geht, musst du halt mal schauen.
Fest steht jedenfalls, das der IE10 sich an die Vorgaben des W3c hält und die auch richtig umsetzt. Einzig bei tranparenter Textfarbe und Farbverläufen mit 100% Transparenz soll man halt rgba(0,0,0,0) nehmen, weil transparent wohl die Farbe weiss ist mit 100% transparenz, was rgba(255,255,255,0) entspräche, was wohl zu Rendering-Problemen führt. (allerdings nur gelesen)
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Ich arbeite jetzt mit diesem CSS code
Code:
text-shadow: 0 0 11px rgba(34,34,34,0.76); color: rgba(0,0,0,0); Ich habe auf all meinen Test-PC's lediglich eine simple Onboard Grafikkarte. Falls wer einen IE10 installiert hat, bitte das hier ansehen. http://dokumente-online.com/test-blur.html Version 1.1 sollte eigentlich sichtbar sein. |
|
|||
Und was ist wenn du so was versuchst:
HTML-Code:
text-shadow: 0 0 11px rgba(34,34,34,0.76); color: rgba(0, 0, 0, 0.01);
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Zitat:
Auch kein Schatten mehr sichtbar, ganz ganz leichter Hauch von Schrift sichtbar...also wie 0) |
Sponsored Links |
|
||||
Mal eine Anmerkung zwischendurch:
Welchen hatte er denn verwendet? Solange er den Browser im Full Standards Mode rendern lässt, ist er auch nicht "falsch". Und den Full Standards Mode bekommt man nicht nur mit dem HTML5-Doctype. HTML5 und CSS3 sind keine untrennbare Einheit! Aber leider liest man derartige Aussagen ständig
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrund wird nicht angezeigt | maxx | CSS | 6 | 14.10.2012 18:27 |
Hover effekt auf ganze TD zelle | gandalf_hh | CSS | 27 | 13.07.2011 19:06 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
Div Float Clear usw... Ich dreh durch ;) | buggix | CSS | 14 | 11.02.2010 08:42 |
layout ohne tabellen | rw597678 | CSS | 3 | 23.04.2005 12:31 |