Появляется полупрозрачная граница в один пиксель между фотками, как решить?

Question

[Женя]

Я столкнулась с такой проблемой. На сайте подгружены две фотографии которые стоят друг за другом. Пользователи начали жаловаться, что на macOS в safary появляется черная полоса между фотографиями. На windows в chrome, я этой полосы не наблюдаю, но на ресайзах есть подобная проблема: когда делаю ресайз, то появляется полупрозрачная граница между фотографиями. Либо у одной фотографии есть, а у другой нет и из-за этого кажется, что одна фотография вылезает за пределы. И еще иногда складывается ощущение что нижняя фотография залезает на верхнюю. Протестировала в сафари и там такая же ситуация, только полупрозрачная граница появляется на стыках фотографии и из-за этого кажется что есть черная полоса между ними.Первое фото и второе фото акая граница на винде хроме(при разных разрешениях), третья фотка в сафари. Использую последнюю версию chrome и safary, вот ссылка на песочницу

Comments

[szQocks]

попробуй как вариант, но не знаю сработает ли

img{
    content: "";
}

Answer 1

[Владимир Шаблий]

Возможно "дорисовывает" сам браузер...
Попробуйте явно указать border: 0px;