Autor Zpráva
Olchochoj
Profil *
Ahoj, vytvářím web na RS Wordpress a zákazník chce u každého článku náhled obrázku sežíznutý do tvaru oválu. Řeším to přes border-radius, ale nastává problém u starších prohlížečů.

Napadlo mě možná šílené řešení- před každý obrázek absolutně napozicovat jednobarevný obrázek s barvou pozadí s kruhovým průhledným vybráním uvnitř. Tohle by až na IE6 fungovalo. Dá se to takto řešit nebo je to "prasárna".
klubo
Profil *
zapiš to do css takto:

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;

pak to jde i ve starejch prohlížečích (samozřejmě pokud to neni prohlížeč z roku 1996)
panther
Profil
klubo:
plácáš.

Olchochoj:
jediná možnost je, jak píšeš - použít na rohy obrázek, který překryje původní obrázek. Nebo se na kulaté rohy vykašlat, pokud se jedná jen o nějakou galerii.
Ugo
Profil
Olchochoj:
pro IE6 a průhlednej PNG existuje JS fix, případně lze použít GIF, možný bych se podíval na prvních pár google výsledků na hledání border radiusu pomocí javascriptu, obrázek je ale skutečně jediný spolehlivý řešení :( a protože zákazník je náš pán, tak jestliže trvá na kompatibilitě se starými verzemi IE, tak ti nic jiného nezbude. - hodně štěstí tedy :)
Chamurappi
Profil
Reaguji na Olchochoje:
Napadlo mě možná šílené řešení
Na něm není nic šíleného, je to ta nejrozumnější možnost.

Tohle by až na IE6 fungovalo.
S omezeným počtem stupňů průhlednosti by to mělo fungovat i v něm.
klubo
Profil *
panther: nějaký důvod tvého tvrzení? mě zase přijde plácání někomu radit aby to překrýval obrázkem z rohama
Chamurappi
Profil
Reaguji na kluba:
pak to jde i ve starejch prohlížečích
Není pravda.
panther
Profil
klubo:
mě zase přijde plácání někomu radit aby to překrýval obrázkem z rohama
pokud chceš mít kulaté rohy všude, je to jediná možná cesta. Pokud nechceš uploadovat přímo obrázky s kulatými rohy (což by bylo nejideálnější, uživatelsky nepřívětivé).

pak to jde i ve starejch prohlížečích
Opera 10.10 není 16 let starý prohlížeč, IE8 také ne. Uživatelů s IE <= 8 je pořád dost, celou tuto skupinu bys odřízl. Ta odříznutá skupina je mnohem větší než ta, kterou zachráníš přidáním tebou vyjmenovaných vendor-prefixů.

Zmínění prefixů je fajn, ale než napíšeš blábol ohledně „starejch prohlížečů“, kde to údajně má fungovat, nejprve si své tvrzení ověř.
Bubák
Profil
Pokud starší prohlížeč umí zaoblený DIV, neznamená to, že také umí zaoblený obrázek, mezi "postižené" prohlížeče, které zaoblí DIV avšak nezaoblí IMG, patří:
Firefox 3.6 a starší
Opera 10 až 10.5
Chrome 1.0
klubo
Profil *
tak to je možná ono, já sem to zkoušel jen na divech a to mám vyzkoušené na těchto prohlížečích

opera 11,61
firefox 10,01
IE 9,04
chrome 16.0.912.77 m
firefox 3.6.26
IE 8.0.6001

nicméně to bych rači dal div, obrázek na pozadí a div zaoblil než to překrýval jiným obrázkem, ale to je jen můj skromný soukromý návrh, tazatel si jistě vybere podle svýho uvážení
panther
Profil
klubo:
nicméně to bych rači dal div, obrázek na pozadí a div zaoblil
obrázek (<img>) není totéž, co pozadí (background).

Přestože to opticky může vypadat dost podobně, jedná se o dvě naprosto odlišné věci. Každá má uplatnění v jiné situaci. Pokud se tedy bavíme o přístupu, jak danou věc řešit správně, ne ji „nějak“ vyřešit.
Petr ZZZ
Profil
klubo:
to bych rači dal div, obrázek na pozadí...

Nevím, zda takové obrázky budou indexovány vyhledávači, ale obával bych se, že buď nebudou, nebo se s nimi přinejmenším nedostaneš na slušné pozice. Ani ze sémantického hlediska nepatří obrázek, nesoucí nějakou podstatnou informaci, na pozadí.
klubo
Profil *
otázka je jak bude vyhledávač indexovat obrázky který sou překrytý jinym obrázkem, což je proti pravidlům googlu...
jenikkozak
Profil
klubo:
otázka je jak bude vyhledávač indexovat obrázky který sou překrytý jinym obrázkem, což je proti pravidlům googlu...
Proti kterým pravidlům?
Chamurappi
Profil
Reaguji na kluba:
IE 8.0.6001
Nepodporuje border-radius na ničem (ani na <div>ech).

obrázky který sou překrytý jinym obrázkem, což je proti pravidlům googlu
Proti kterým? Proč by to mělo vyhledávačům nějak vadit? Dolož.
first
Profil *
Myslím že existuje nějaký js fix na zpřístupění těch rohů v ie.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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