Проблемы при скроллинге страницы

[kulich]

Привет. Странная проблема. Заметил случайно. При скроллинге мелькает прозрачный фон. Мелькает только если держать мышку на товарах и скролить.



В блоках с товарами есть еще один див со своим стилем.

Код: [Выделить]

<div class="add_view" onclick="location.href='{$product.link|escape:'htmlall':'UTF-8'}'">       
                </div>
Чтоб при наведении товар затемнялся.



Если див убрать, проблема исчезает.

[kulich]

Потыркал еще. Нужная зона затемнения в стиле прописана через position:absolute. Если ее убрать, мелькать перестает. Только как починить всё равно непонятно.

upd. Хотя нет, мелькает, просто не так заметно.

[kulich]

Да, и такой эффект ток в хроме. Походу причуда браузера просто.

[DarinSr]

Попробуйте добавить

Код: [Выделить]

overflow: hidden; Или удалить этот блок, добавить затемнение или осветление, при наведении на основной div

Код: [Выделить]

div:hover {
opacity:1;
-moz-opacity: 0.6
filter: alpha(opacity=100) black;
-khtml-opacity: 0.6;
background-color: какой нужен;
}

[kulich]

Спасибо, попробую!

Спрошу ещё вопрос... Сейчас при моем способе затемнения никак не открыть товар в новой вкладке, т.к он не воспринимает затемнение как ссылку. Можно что-то сделать? Кроме как прописать чтоб окно с товаром в принципе всегда было в новой вкладке.

[DarinSr]

Исправить верску. Не нужно накладывать новый слой для затемнения. Или же нужно будет повторять вывод товара в затемняющий слой.