Zadejte hledaný výraz...
Sledujte nás
facebook youtube
user
user

Border-radius a obrázky ve webkitu

800XE
verified
rating uzivatele
(8 hodnocení)
8. 8. 2011 22:40:17
Dejme tomu, že mám podobný seznam:
html:
css:
Firefox a IE9(zrovna tam bych to nečekal) kulaté rohy vyrenderují správně. V Chrome, Safari a Opeře jsou kulaté rohy jakoby na pozadí a hrany obrázku nad nimi. Zkoušel jsem obrázek obalit kontejnerem a styly nastavit jemu, přiřadit styly jak kontejneru, tak obrázku nebo kontejneru přidat overflow: hidden, ale nic z toho nefunguje.
Momentálně to řeším tak, že obrázek překryju absolutně pozicovaným divem s kulatými rohy a obrázku přidám margin o velikosti okraje:
html:
css:
Pro menší rohy to funguje, ale pro větší už by se to takhle řešit nedalo. Neznáte někdo lepší řešení?
8. 8. 2011 22:40:17
https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu#reply664596
Smazaný účet m5u2DKRief
verified
rating uzivatele
(48 hodnocení)
8. 8. 2011 23:11:09
Doporučoval bych CSS3 deklarace používat i s prefixy. Pokud chyba přetrvává, dodej odkaz na živou ukázku. Všechny tebou zmíněné prohlížeče border-radius umí.
-webkit-border-radius: 10px;
-moz-border-radius:10px;
border-radius: 10px;
8. 8. 2011 23:11:09
https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu#reply664595
800XE
verified
rating uzivatele
(8 hodnocení)
8. 8. 2011 23:13:13
Prefixy samozřejmě používám, tohle je ukázka.
8. 8. 2011 23:13:13
https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu#reply664594
Jiří Březovský
verified
rating uzivatele
(3 hodnocení)
10. 8. 2011 18:12:50
http://maestric.com/doc/css/rounded_corners_images - co myslíš? :-) Přes CSS3 nikdy nedokážeš, aby obrázky všude s kulatými rohy.
10. 8. 2011 18:12:50
https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu#reply664593
Smazaný účet m5u2DKRief
verified
rating uzivatele
(48 hodnocení)
10. 8. 2011 18:43:34
Napsal CaRg1;687935
http://maestric.com/doc/css/rounded_corners_images - co myslíš? :-) Přes CSS3 nikdy nedokážeš, aby obrázky všude s kulatými rohy.
Předpokládám, že 800XE chce použít CSS3 a jde mu o korektní funkčnost v moderních prohlížečích, nikoli alternativy řešení.
10. 8. 2011 18:43:34
https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu#reply664592
Jiří Březovský
verified
rating uzivatele
(3 hodnocení)
10. 8. 2011 19:21:36
Já to beru, jen říkám, že si myslím že to nepůjde, tak jsem nabídl řešení :-)
10. 8. 2011 19:21:36
https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu#reply664591
Pro odpověď se přihlašte.
Přihlásit

user
Prodej Více

Prodej domény detskepovleceni.cz a detskeobliecky.sk
7 500 Kč
0 příhozů
Sportisto.cz
500 Kč
0 příhozů
Doména pujcovnalevne.cz
2 500 Kč
0 příhozů
Doména supervyklizeni.cz
2 500 Kč
0 příhozů
Prodej tonovani-autosklo.cz
2 500 Kč
0 příhozů

user
Poptávky Více

propojení WOO comerce se skladem a doplnění seo
Web Scraping AI – WordPress
Koupíme výdělečné projekty – E-shop, Web . App
Custom registrační/rezervační systém
Logo pro IT startup

user
Pracovní nabídky Více

COORDINATED .NET DEVELOPMENT TEAM
Práce z domu, Praha
Příležitost pro Software Architekty!
Praha
50 000 - 80 000 Kč
Správce/kyně aplikací (systémový/á správce/kyně)
Ostrava, Práce z domu
Django – fulfillment aplikace
Praha
Growth Hacker – Výkonnostní marketing expert pro kontroverzní adult online marketplace
Práce z domu
40 000 - 120 000 Kč

user
Nabídky Více

Reklamy Google Ads, Sklik, Meta (Facebook, Instagram)
Vývoj web aplikací
⚙️ Webové stránky | Webové aplikace | OpenCart specialista | Workflow automatizace
Ououtdoor e-shop a kamenná prodejna hledá svého šéfa
Kreslení AUTOCAD