| Autor | Zpráva | ||
|---|---|---|---|
| Cameron Profil * |
#1 · Zasláno: 12. 6. 2016, 07:18:10
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 * |
#3 · Zasláno: 13. 6. 2016, 18:42:30
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 |
||
|
Časová prodleva: 8 let
|
|||
0