Я начинаю работать над стилем / CSS для моего приложения, когда большая часть функциональности включена.
При этом я натолкнулся на нечто очень странное.
У меня есть элемент, который следует за мышью, когда вы наводите курсор мыши на форму песни. Он имеет значение прозрачности и CSS для элемента выглядит следующим образом:
#timestamped-comment-template .content {
background-color: rgba(41, 41, 41, 0.9);
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 10px black;
overflow: hidden;
position: relative;
}
Как вы можете видеть на рисунке ниже, когда я двигаю мышь, и элемент следует за ним, оставляет за собой своего рода «след», и я не могу на всю жизнь понять, почему.
Мобильный элемент - это позиция с jquery поверх формы волны, которая в свою очередь представляет собой png, сгенерированный моим PHP-скриптом, когда пользователь загружает песню. Этот png имеет различные элементы позади и над ним, которые динамичны по ширине и меняют размер при воспроизведении песен и т. Д.
Всего около 5 элементов наложены друг на друга. Я не уверен, что это уместно, но подумал, что все равно упомяну.
Кто-нибудь знает, почему это может быть? Если так, как я могу это исправить?
