Autor Zpráva
Cameron
Profil *
Zdravím,

řeším jednu hádanku. M8m element, nastavím mu ::after a border-outline. Firefox ::after zobrazí uvnitř borderu, nějak takto:

Firefox, poslední verze



Chrome, poslední verze


Ukázka je zde: www.oftablog.cz/temp/after.html

Nenapadá někoho, jak vyřešit outline tak, aby se zobrazil jako v Chrome? Dělám něco špatně?

V EDGE a Opeře se element zobrazí jako ve FF.
Chamurappi
Profil
Reaguji na Camerona:
Dělám něco špatně?
Vlastnost outline je určená především pro znázornění uživatelské interakce, nahlížet na ni jako na přirozenou součást box modelu je chyba, do skupiny padding-border-margin nepatří. Kde ty jako uživatel vidíš hranice toho celého boxu? Já vidím, že šipka je jeho součástí… proto je uvnitř outline.
Viz starší diskuse Outline ve FF × Opeře, aneb co je správně?. Chování Firefoxu je v tomto případě správnější, je možné, že se časem i ostatní prohlížeče naučí kreslit outline takto.

Pokud už stejně kašleš na kompatibilitu se staršími prohlížeči (používáš dvě dvojtečky u :after), můžeš použít box-shadow.
Cameron
Profil *
Chamurappi, díky. Kompatibilitu se snažím řešit, občas ale člověk narazí na vyjímky, použiji tedy -box-shadow.

Díky

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: