Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Баг в хроме (рамка у спрайтов) (https://javascript.ru/forum/xhtml-html-css/46648-bag-v-khrome-ramka-u-sprajjtov.html)

Царь Леонид 18.04.2014 10:04

Баг в хроме (рамка у спрайтов)
 
Всем привет, столкнулся с неприятным багом в хроме, у спрайта при ресайзе страницы появляется белая рамка. В других браузерах все вроде норм. Кто-нибудь сталкивался? В буржунете видел топики по этой проблеме, но решения не эффективные(

devote 18.04.2014 10:18

пример приведите

BETEPAH 18.04.2014 10:24

Активно пользуюсь спрайтами - не замечал такого. Сейчас на всякий случай поресайзил - нет рамки. Сделайте песочницу с багом или дайте страницу, где он наблюдается

Царь Леонид 18.04.2014 11:13

Выложил часть страницы тут: http://modin.pz9.ru/, рамка появляется около тележки

devote 18.04.2014 11:54

и где там тележка? нет ни одной картинки кроме no-image.png

Царь Леонид 18.04.2014 12:06

странно, у меня все на месте

BETEPAH 18.04.2014 12:10

Речь идет не о ресайзе, а о зуммировании, если я правильно понял. Сделайте больше фон под тележкой или измените размеры отображаемой иконки. Например, вот так "рамка" не появляется:
background-position: -356px -226px;
width: 36px;
height: 31px;

Царь Леонид 18.04.2014 12:18

Я ошибся с терином, ветеран, спс. Делал спрайт здесь: http://spritepad.wearekiss.com/#, не думал, что в их стилях будет ошибка.

BETEPAH 18.04.2014 12:48

Царь Леонид,
ошибка не в стилях. Просто браузеры по-разному рендерят зуммирование. Особенно это заметно на маржинах и паддингах с фиксированными единицами измерения. Поэтому желательно делать запас в несколько пикселей.


Часовой пояс GMT +3, время: 15:24.