Blink-браузеры не правильно обрабатывают тень

[MyNameIsJim]

http://waa.ai/4w3T

При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса.

 

 

 

 

Как это исправить? 

Edited September 13, 2014 by MyNameIsJim

[hypnocolor]

При масштабировании может происходить ещё очень много всего увлекательного. Проще на это забить.

[MyNameIsJim]

При масштабировании может происходить ещё очень много всего увлекательного. Проще на это забить.

В других браузерах такого нет. Забить не катит, т.к. масштаб должен подстраиваться для удобства пользователя.

[SelenIT]

Это не "тень неправильно накладывается", это отступы картинки и смещение абсолютной ссылки, которые зачем-то сделаны независимыми слоями, по-разному округляются, когда при масштабировании оказываются нецелыми. Быстрый костыль - изначально поставить дробные значения "с запасом", напр. top: 7.4px; height: 65.4px для ссылки. Но не проще ли просто вложить картинку внутрь ссылки и не мучиться с двойным позиционированием (и его подгонкой) вообще?

[Sergik+]

 

При масштабировании может происходить ещё очень много всего увлекательного. Проще на это забить.

В других браузерах такого нет. Забить не катит, т.к. масштаб должен подстраиваться для удобства пользователя.

 

Это как ? Что значит подстраиваться для удобства пользователя ?

Глюки не должны вылазить при масштабировании +-10-15% все остальное на совести нерадивого пользователя.

[Николя223]

масштаб должен подстраиваться для удобства пользователя.

Вы в FF ещё посмотрите)))) удивитесь но FF вообще изначально увеличивает процентов на 20 

[SelenIT]

FF вообще изначально увеличивает процентов на 20

Это если в настройках винды стоит "крупный шрифт". Можно отключить через layout.css.devPixelsPerPx в about:config.

[MyNameIsJim]

Это как ? Что значит подстраиваться для удобства пользователя ? Глюки не должны вылазить при масштабировании +-10-15%

А вы вообще смотрели? При 100% - норм, при 90 и 110 - глюк. При 75 и 125 - норм. Проблема на +/- 10% 

И в целом, как верстка, оцените, если не сложно

[Sergik+]

 

Это как ? Что значит подстраиваться для удобства пользователя ? Глюки не должны вылазить при масштабировании +-10-15%

А вы вообще смотрели? При 100% - норм, при 90 и 110 - глюк. При 75 и 125 - норм. Проблема на +/- 10% 

И в целом, как верстка, оцените, если не сложно

 

Сделайте img { vertical-align: top } , вроде исчез ваш глюк )))

[MyNameIsJim]

Но не проще ли просто вложить картинку внутрь ссылки и не мучиться с двойным позиционированием (и его подгонкой) вообще?

Не проще. Потому что так не получиться.

Если картинку просто вложитьв ссылку, то внутреннюю тень inset картинка будет перекрывать. 

[Sergik+]

 

Но не проще ли просто вложить картинку внутрь ссылки и не мучиться с двойным позиционированием (и его подгонкой) вообще?

Не проще. Потому что так не получиться.

Если картинку просто вложитьв ссылку, то внутреннюю тень inset картинка будет перекрывать. 

 

Так я решил вашу проблему, чо мучаетесь ?

[SelenIT]

внутреннюю тень inset картинка будет перекрывать

Это можно исправить, добавив внешнему диву z-index:0, а картинке - position:relative; z-index: -1. При этом absolute и top у ссылки можно убрать вообще.