Vollständige Version anzeigen : [CSS] Verschwommene HDPI (2x) Grafiken in Absolut/Fixierten Elementen


Murdoc
28.06.2013, 14:23

Ich habe eine mobile UI erstellt und muss nun feststellen, dass 2x Grafiken als Hintergrund o;ä. im Android Stock Browser (teilweise) verschwommen dargestellt werden. Ich habe auch doppelt überprüft ob die 2x Grafiken auch geladen werden.

Dieses Verhalten trifft im Grunde nur auf Elemente zu, die absolute/fixed/relative Positioniert wurden und/oder einen z-index Wert besitzen.

Kennt jemand zufällig dieses Problem und weiß einen Workaround?
Es handelt sich dabei nämlich sehr wahrscheinlich um einen Bug, denn Fennec und Chrome Mobile haben keinerlei Probleme.

Fennec (Firefox für Android BETA)
;;0;xup~in/exec/ximg;php?fid=16977524 (;;;xup~in/dl,16977524/hdpi_fennec;png/)

Android Stock Browser (und damit leider auch die zu Grunde liegende Engine des WebView):
;;0;xup~in/exec/ximg;php?fid=14293035 (;;;xup~in/dl,14293035/hdpi_android;png/)

// ---------------------

Copy & Paste aus Beitrag #3 (Link#post11127245)

Ich hab hier mal zum testen ein Beispiel erstellt:

(;murdoc~eu/hdpi-bug)

;;0;xup~in/exec/ximg;php?fid=19444832

Zip zum Download:
(;;;xup~in/dl,11961696/hdpi-bug;zip/)

Firefox läd das 2x Bild und zeigt es gestochen scharf an.
Android Stock Browser läd auch das 2x Bild, zeigt es aber verschwommen an.

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
Nanobyte
28.06.2013, 14:39

Bei meinem Versuchsaufbau konnte ich das Problem mit Android 4;0;4 nicht nachvollziehen. (siehe unten)

Wenn die Grafiken über 3G geladen werden könnte das Problem hier liegen:
(;stackoverflow~com/a/16711071)


(;mruy~de/lab/android-stock-imgblur/)

;;;xup~in/pic,30141072/Screenshot_2013-06-28-15-34-26;png (;;;xup~in/dl,30141072/Screenshot_2013-06-28-15-34-26;png/)


Murdoc
28.06.2013, 14:57

Ich hab hier mal zum testen ein Beispiel erstellt:

(;murdoc~eu/hdpi-bug)

;;0;xup~in/exec/ximg;php?fid=19444832

Zip zum Download:
(;;;xup~in/dl,11961696/hdpi-bug;zip/)

Firefox läd das 2x Bild und zeigt es gestochen scharf an.
Android Stock Browser läd auch das 2x Bild, zeigt es aber verschwommen an.

// -------------------------

"Fehler" gefunden.

Das Element mit dem Hintergrund darf nicht leer sein.
Wenn ich Text reinschreibe wird der Hintergrund scharf dargestellt.

Aber nur wenn der Text (theoretisch) sichtbar ist ...

Der Workaround:
display: inline-block;
font-size: 2pt; /* 1pt reicht nicht aus */
color: transparent;


Kann auch sein, dass das nur in Verbindung mit einem A-Element auftritt.
Keine Ahnung...

Wie drauf kam? Verzweiflung.


Ähnliche Themen zu [CSS] Verschwommene HDPI (2x) Grafiken in Absolut/Fixierten Elementen
  • [CSS] Verschiebung von Elementen
    Ich habe ein Problem: Ich möchte gern Bildern in <div> Tags von Text umfließen lassen. Funktioniert auch. Aber: Sobald der Text nicht lang genug ist, um das Bild bis unten hin zu umfließen, und nach dem <div> Tag ein weiteres folgt, setzt dieses auch mitten im 1. <div> Tag ein, obwohl das nich [...]

  • Verschwommene Bilder
    Hey, Hab meinen PC überschiffen lassen, von USA bis hier her. Dabei ist die Graka kaputt gegangen, hab sie natürlich gleich ersetzt durch ne Geforce 7900 GT Nun hat super funktioniert für 2-3 Monate und seit kurzem seh ich Bilderverschwommen. Sachen wie smileys hier im board oder Desktops Icons [...]

  • verschwommene Schrift
    Hey Jungs Ich komm grad von 'ner Runde cs und da hab ich die Gamma bzw Helligkeit verstellt weil eine map so unglaublich dunkel war (wurde aber iwie nicht heller = hat nix gebracht). Nachdem ich dann wieder ins Windsows zurückgekehrt bin, ist die Schrift leicht unscharf bzw verschwommen. Ich kan [...]

  • AOL --> verschwommene Bilder
    Seit dem Alice aol übernommen hat sind bei mir alle bilder verschwommen im aol browser. Keine ahung was das soll habe auch schon eine support nachricht an alice geschickt aber bisher keine antwort!? Vielleicht wisst ihr irgendwas [...]



raid-rush.ws | Imprint & Contact pr