Autor Zpráva
david78
Profil
Dobrý deň
trocha som skúmal možnosti svg v css. Chová sa to divne v FF, ale neviem, či to nebude nejaký problém na strane serveru, lebo u mňa na počítači sa to zobrazovalo správne, ale po nahraní na server sa veľkosť textu, ktorý by s svgéčkom na pozadí elementu body predsa nemal mať nič spoločné, zmenila. Text nieje svg, je to <p>normálny odstavec</p> nastavený na 16px.
V Chrome je to vporiadku.
Veľmi čudné.
Kód svg je v utf-8, takže kto tomu rozumie môže si ho prečítať v zdrojáku.
ďakujem vopred za usmernenie.
margin
Profil *
U mne zobrazil odstavec Chrome a Firefox odlišně (patkové × bezpatkové písmo), protože typ písma není deklarovaný.
Mezi zobrazení z disku (stažená verze z Veľmi čudné.) a z webu nemám žádný rozdíl.

Tip: otevři svg pozadie stránku ve Firefoxu a stiskni CTRL+0, tím se nastaví lupa na výchozí velikost.
Chamurappi
Profil
Reaguji na davida78:
data:image/svg+xml;utf8,<svg version='1.1'
Co by tam mělo dělat to utf8? Jestli to má být deklarace kódování, tak tam chybí charset= a mezi utf a 8 se píše pomlčka. A ani tak by to nedávalo moc smysl, protože kód obrázku je zapsaný jako text a nikoliv jako binární data v base64, takže se otázka kódování (pravděpodobně) vůbec neřeší.

Adresa by měla být správně escapovaná, neošetřené řídicí znaky můžou způsobit, že se SVG nenačte.

IE nezobrazuje vôbec, ale toto je asi najdôležitejšie pre mobilné browsery
Na mobilní Explorer kašleš?
david78
Profil
veľmi sa ospravedlňujem za spam, ale je to tak, ako vraví margin: ctrl+0;
no ale natrápil som sa dosť kým som na to prišiel.
Chamurappi:
tá deklarácia tam je potrebná, inak sa to vo Firefoxe (a neviem, kde ešte) nezobrazí. Pokiaľ ide o správnu syntax, ďakujem,
beriem na vedomie, aj keď podľa testov, ktoré som si urobil vo všetkých dostupných browseroch to nevadí. Pravdepodobne ide o nejakú skratku, ja som to proste odkopíroval z niektorých návodov, ktoré som našiel na webe.
Adresa by měla být správně escapovaná, neošetřené řídicí znaky můžou způsobit, že se SVG nenačte.
Tomu bohužiaľ nerozumiem. čo znamená escapovaná?
Na mobilní Explorer kašleš?
Určite nie, len pokiaľ som sa pozeral na nejaké štatistiky (viem, že sú väčšinou dané návštevníkmi serveru, ktorý štatistiku robí), tak má mobilný IE dosť malý podiel. Pre takéto prípady by sa použil fallback obrázok.png.
Chamurappi
Profil
Reaguji na davida78:
Tomu bohužiaľ nerozumiem. čo znamená escapovaná?
URL má danou určitou syntaxi a tím, že do ní napíšeš mezery a menšítka, ji porušuješ. Správně bys měl celý kód obrázku prohnat něčím, jako je třeba JS funkce encodeURIComponent.

Pre takéto prípady by sa použil fallback obrázok.png.
Nenačtení souboru pozadí nejde moc dobře detekovat (bez JavaScriptu).
david78
Profil
Chamurappi:
Nenačtení souboru pozadí nejde moc dobře detekovat (bez JavaScriptu).
Č o tým myslíš? Ostatné prehliadače ten fallback obrázok nesťahujú. Dá sa to overiť v nástrojoch pre vývojárov pod položkou "Sieť".
Alebo si mal na mysli niečo iné?

Správně bys měl celý kód obrázku prohnat něčím, jako je třeba JS funkce encodeURIComponent.
prehnal som ... a už sa mi to svg nezobrazilo. Netýka sa to náhodou len url ako adresy, alebo to proste celkom dobre nefunguje v css?
Chamurappi
Profil
Reaguji na davida78:
Ostatné prehliadače ten fallback obrázok nesťahujú.
Tipnul bych si, že ho nestahuje vůbec nikdo. Ale dost možná se pletu, protože netuším, jak máš ten fallback vyrobený. Vím jen, že jsem našel několik doporučovaných fallbacků, které fungují buď jen někde, nebo vůbec (jeden takový jsem teď v neděli smazal z anglické Wikipedie).
Davex
Profil
Chamurappi:
jeden takový jsem teď v neděli smazal z anglické Wikipedie
Škoda, ten smazaný fallback mi kromě Explorerů 6/7 fungoval ve většině starších prohlížečů (dokonce i v mobilním Exploreru).
Chamurappi
Profil
Reaguji na Davexe:
Vážně? Mně v sedmičce nefungoval. Celkem podle očekávání, protože to, jestli jde obrázek načíst, by nemělo mít na platnost hodnoty vlastnosti vliv. Pokud jsem při svém rychlopokusu udělal nějakou chybu a opravdu to někde fungovalo, tak z jiného důvodu, než že se ignorují deklarace s neznámou vlastností. Ale jestli jsem se fakt seknul, tak to je smutné, protože chuť opravovat články na anglické Wikipedii jsem až do téhle editace úspěšně potlačoval :-)
Davex
Profil
Chamurappi:
V Exploreru 6 a 7 nefunguje. Když to teď zkouším s Operou 7.1, tak také nefunguje. Další prohlížeč, který by nepodporoval Data URI se mi zatím nedaří najít. Je možné, že mě dříve u nějakého prohlížeče zmátlo to, že obrázek stahoval, přestože zobrazil jen ten z Data URI (můj rychlopokus to ale nedělá, možná se to stává až při rozsáhlejším nebo externím stylopisu).

Vaše odpověď

Mohlo by se hodit

  • Pokud přikládáte obrázkové ukázky, dbejte prosím na jejich přijatelnou (datovou) velikost.
  • Uvádějte v titulku grafický program, na který se ptáte.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: