Border-radius a obrázky ve webkitu

verified

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu/#reply664596

Smazaný účet m5u2DKRief

verified

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu/#reply664595

verified

8. 8. 2011 23:13:13

Prefixy samozřejmě používám, tohle je ukázka.

8. 8. 2011 23:13:13

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu/#reply664594

Jiří Březovský

verified

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu/#reply664593

Smazaný účet m5u2DKRief

verified

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu/#reply664592

Jiří Březovský

verified

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/border-radius-a-obrazky-ve-webkitu/#reply664591

Pro odpověď se přihlašte.

Prodej Více

Dispecink.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

69 500 Kč

0 příhozů

Blowjobs.cz – tematická doména pro segment 18+

14 990 Kč

0 příhozů

SexRoom.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

Diskretni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

19 000 Kč

0 příhozů

20 000 Kč

0 příhozů

Poptávky Více

Hledám obchodníka – weby pro firmy (CZ) a software pro energetiku (EU), provize

Hledám fotografa realit a lektora pro focení/video

Poptávka těhotenského focení v Klatovech

Studentka VŠ shání modela na focení aktů (highkey, lowkey, detail)

Poptávka modelů na svatební editorial

Pracovní nabídky Více

Vedoucí IT (CTO)

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

70 000 - 90 000 Kč

Atlassian Consultant (Junior/Medior)

Marketing + budování e-shopu – Boskovice, Blansko a okolí

30 000 - 50 000 Kč

Nabídky Více

Dlhodobý prenájom áut – pre firmy, živnostníkov aj súkromné osoby

Audit Google Ads a Skliku před Black Friday ZDARMA: kampaně, feed a měření, výsledky do 48 hodin

AUTOMATIZACE PROCESŮ – N8N & Make.com

Tvořím moderní weby, klientské portály a systémy na míru

Nabízím úklid a záchranu rozbitých databází, sjednocení dat a plnění e-shopů (Excel / Google Sheets)