https://layout.alicom.dp.ua/jp-desk/
Имею такой баг в firefox 49. Подскажите пожалуйста решение. flex он уже поддерживает.
1 ответ
У вас не отработал display:flex, поэтому псевдоэлементы :after
съехали. Попробуйте добавить затычку - вендорное свойство display:-moz-flexbox
.
Но вообще конкретно ваша задача решается на порядок проще и без лишних элементов. Достаточно затать круглому блоку несколько теней:
.palitra .palitra__div__flex__items .flex__items__div__item a .img {
border: 2px solid #ffde00;
box-shadow: 0 0 0 9px #fff, 0 0 0 10px #ffde00;
}
.palitra .palitra__div__flex__items .flex__items__div__item a:hover .img {
box-shadow: 0 0 10px #ffde00;
}
top
, ниleft
и тд не задано, встречал подобные съезжания на iphone