Почему cursors не работает

Почему эффект «курсор: указатель» в CSS не работает

— это небольшая часть моего кода. Я установил cursor:pointer на .about>span но когда мышь наведена на эти тексты в , курсор не переключается в режим указателя. Я хотел бы знать, почему это не работает. Я действительно Новичок в html и css, и этот вопрос может быть глупым, но plz поможет мне. Спасибо заранее.

6 ответов

короткий ответ заключается в том, что вам нужно изменить Z-индекс, чтобы #firstdiv рассматривался поверх других divs.

я возился с моим css в течение нескольких часов, изменяя позиционирование и Z-индекс почти каждого элемента на странице. Я удалил все остальные элементы из DOM, кроме одного с курсором: указатель при наведении, и он все еще не работал.

для меня, на Mac OSX El Captain V 10.11, проблема была связана с каким-то вмешательством в Photoshop CC. Как только я закрыл photoshop, курсор снова начал работать.

решение для меня: закрыть и снова открыть фотошоп

добавить курсор:рука. Некоторые браузеры нуждаются в этом.

просто случилось со мной, и в моем случае это было связано с правилом CSS pointer-events: none; , который был установлен на родительский элемент, и я забыл об этом.

Это привело к тому, что любые события указателя просто игнорируются, включая курсор.

чтобы исправить это, вы можете просто установить стиль, чтобы разрешить события указателя:

или непосредственно в элементе:

cursor:pointer не работает, когда вы используете мобильный эмулятор в Chrome.

он работает, если вы удалите position:fixed с #firstdiv — но @Sj, вероятно, также прав — скорее всего, проблема с Z-индексом.

Источник

Почему не работает Cursors.io — Lost connection to server

В статье по решению проблемы с доступом к Cursors.io, я подробно расскажу, почему не работает игра Cursors.io и как обойти ошибку «Lost connection to server». После прочтения статьи вы опять сможете насладиться прохождением лабиринтов.

Решаем ошибку в Cursors.io

Ежедневно в сеть выкладывают десятки тысяч мобильных и браузерных игровых приложений всевозможных жанров. Только самые захватывающие и сбалансированные игры по сложности могут попасть и задержаться в топе. Браузерная игра Cursors.io от разработчиков Agar.io и Slither.io с каждым днем набирает все больше фанатов.

При входе в игру Курсорс — Lost connection to server

Cursors.io – это виртуальный лабиринт, пройти который нужно курсором мышки и сделать это гораздо проще, работая командно.

Почему не работает Cursors.io? В последнее время, при входе из браузера в игру Cursors.io, геймер видит на экране сообщение «Lost connection to server», которое не исчезает ни под каким предлогом, если обновлять страницу, или заходить в другое время. Такая проблема с ошибкой «Lost connection to server» существует у всех юзеров данного сервиса, и означает крах серверов с игрой. Не стоит паниковать, виртуальный лабиринт всего лишь «переехал» на другой домен, нужно перейти по ссылке http://cursors.me/. На экране появится привычное рабочее поле игры.

Запускаем игру Cursors.io по адресу Cursors.me

Советы для прохождения игры

Затягивающая аркада Cursors.io требует от пользователя проявить логику и стратегию, объединяя усилия с другими игроками. В игре множество уровней, проходить которые, нужно открывая двери.

• Самое главное — не касаться курсором красных квадратов, а цель — достичь зеленой зоны.
• Чтобы сигнализировать — нужно нажимать Shift и чертить курсором.
• В игре есть фейковые помехи, чтобы их пройти, нужно найти плитку такого же оттенка, как препятствие.
• Часто, самостоятельно игрок не может покинуть комнату, нуждаясь в помощи другого.
• Здесь и кроется интрига сюжета: за помощь, человек не получает для себя бонусов, игроки выручают друг-друга просто из соображений энтузиазма.
• Подсказать другому игроку можно рисуя на поле пути выхода, пропуская других вперед.
• Общение в аркаде тоже происходит за счет рисования в свободном поле.

Существует множество гайдов по игре, которые доступно объясняют концепт поведения в ней, например:

Источник

Почему не работает эффект «курсор: указатель» в CSS

это небольшая часть моего кода. Я установил cursor:pointer для .about>span , но когда при наведении указателя мыши на эти тексты в курсор не переключается в режим указателя. Я хотел бы знать, почему это не работает. Я действительно новичок в HTML и CSS, и этот вопрос может быть глупым, но, пожалуйста, помогите мне. Заранее спасибо.

6 ответов

Короткий ответ: вам нужно изменить z-индекс, чтобы #firstdiv рассматривался поверх других элементов div.

Я часами возился с css, меняя положение и z-индекс практически для каждого элемента на странице. Я удалил все остальные элементы из DOM, за исключением одного с курсором: указатель при наведении, и он все равно не работал.

Для меня в Mac OSX El Captain V 10.11 проблема была связана с каким-то вмешательством в Photoshop CC. Когда я закрыл фотошоп, курсор снова начал работать.

Решение для меня: закройте и снова откройте фотошоп

Также добавьте курсор: рука. Некоторые браузеры нуждаются в этом вместо этого.

Только что случилось со мной, и в моем случае это было связано с правилом CSS pointer-events: none; , которое было установлено для родительского элемента, и я забыл об этом.

Это привело к тому, что любые события указателя будут просто проигнорированы, включая курсор.

Чтобы это исправить, вы можете просто установить стиль, разрешающий события указателя:

Или непосредственно в элементе:

cursor:pointer не работает, когда вы используете мобильный эмулятор Chrome.

Это работает, если вы удалите position:fixed из #firstdiv — но @Sj, вероятно, тоже прав — скорее всего, проблема с многоуровневым z-index.

Источник

Delphi: Screen.Cursor не работает и не может определить Windows.SetCursor (crHourGlass)

В моем приложении есть

Но это просто не работает так, как ожидалось. Кажется, сразу же возвращается к crDefault при обработке.

После некоторого поиска в Google я решил попробовать Windows.SetCursor (), но я поискал в MSDN и не могу найти список типов курсоров.

Обновить Я думал, что нашел решение (используя SetSystemCursor (Screen.Cursors [crHourGlass], OCR_NORMAL);), но я не могу вернуть курсор обратно в нормальное состояние :(.

4 ответа

Думаю, у меня есть решение:

Вот как изменить курсор для «всего рабочего стола», а не только для вашего приложения:

Но будьте осторожны: любые другие приложения / окна, которые хотят изменить курсоры, сделают это — так что это эффективно только в том случае, если ваш пользователь не возится с другими приложениями, пока ВАШЕ приложение занято. В качестве альтернативы вы можете временно изменить все курсоры по умолчанию в вашей системе на нужный вам курсор — и вернуть их обратно после процесса.

Я все еще разочарован тем, что MSDN не предоставляет свои типы курсоров для SetCursor, но, к счастью, мне не пришлось его использовать.

Обновление: Кажется, это правильный путь, но я не могу вернуть курсор после SetSystemCursor (Screen.Cursors [crHourGlass], OCR_NORMAL); Если кто-нибудь это читает, я был бы признателен, если бы вы нашли время, чтобы предоставить мне какой-нибудь рабочий код — это 1. Устанавливает системный курсор на песочные часы, а затем обратно на стрелку.

изменить: Пример кода для возврата к курсору по умолчанию:

У меня была такая же проблема в моем приложении, и решение, которое сработало для меня, заключалось в том, чтобы вызвать Application.ProcessMessages в конструкторе формы

Вот мое тестовое приложение:

Это решение сохранит системный курсор неизменным.

Зависит от того, что находится в вашем пробном блоке. Если это не займет времени, курсор сразу же вернется обратно. Если вы поместите оператор отладки прямо перед окончанием, вы должны увидеть его выполнение до того, как курсор вернется в crDefault.

Кроме того, вам не обязательно предполагать, что курсор был crDefault, когда вы начинаете свою процедуру. Безопасный метод:

Источник

Почему в CSS не работает эффект «курсор: указатель»

Это небольшая часть моего кода. Я установил cursor:pointer для .about>span , но при наведении указателя мыши на текст в курсор не переходит в режим указателя. Хотелось бы узнать, почему не работает. Я действительно новичок в html и css, и этот вопрос может быть глупым, но, пожалуйста, помогите мне. Заранее спасибо.

17 ответов

Короткий ответ: вам нужно изменить z-index, чтобы #firstdiv считался поверх других div.

Я часами возился со своим css, меняя расположение и z-индекс почти каждого элемента на странице. Я удалил все остальные элементы из модели DOM, кроме элемента с курсором: указатель при наведении, и он ВСЕ ЕЩЕ не работал.

Для меня в Mac OSX El Captain V 10.11 проблема была связана с каким-то вмешательством в Photoshop CC. Как только я закрыл фотошоп, курсор снова заработал.

Решение для меня: закройте и снова откройте Photoshop.

cursor:pointer не работает, когда вы используете мобильный эмулятор Chrome.

Просто случилось со мной, и в моем случае это произошло из-за правила CSS pointer-events: none; , которое было установлено для родительского элемента, и я забыл об этом.

Это привело к тому, что любые события указателя просто игнорировались, включая курсор.

Чтобы исправить это, вы можете просто установить стиль, разрешающий события указателя:

Или прямо в элементе:

Также добавьте курсор: рука. Некоторым браузерам это необходимо.

Это сработает, если вы удалите position:fixed из #firstdiv — но @Sj, вероятно, тоже прав — скорее всего, проблема с распределением слоев по z-индексу.

У меня была эта проблема с использованием Angular и SCSS. У меня был вложен весь мой CSS, поэтому я решил удалить из него cursor: pointer; . И это сработало.

Работал на меня.

У меня такая же проблема, когда я закрываю инспектор всплывающего окна браузера Chrome, он отлично работает для меня.

Решение, которое сработало для меня, заключается в использовании косой черты вместо обратной при «вызове» из локального каталога.

Вместо обратной косой черты:

Я изменил его на косую черту:

Такое поведение в отношении обратной и прямой косой черты, вероятно, можно объяснить в этом ответе StackOverflow: Странная обратная косая черта и поведение в CSS

Последние несколько часов я ломал голову, почему мой CSS не работает! Я пытался отобразить row-resize в качестве курсора, но он отображал курсор по умолчанию, но для s-resize браузер отображал правильный курсор. Я попытался изменить z-index , но это тоже не решило мою проблему.

Итак, попробовав еще несколько решений из Интернета, я позвонил одному из моих коллег и поделился своим экраном через Google Meet, и он сказал мне, что видит значок изменения размера строки, когда я вижу значок по умолчанию . Он даже прислал мне скриншот моего скринкаста.

Итак, после дальнейшего расследования я обнаружил, что, поскольку я использовал подключение к удаленному рабочему столу для подключения к своему офисному ПК, по какой-то причине RDC не показывает какие-то курсоры.

Вот список курсоров, которые я не видел на своем удаленном ПК,

none, cell, crosshair, text, vertical-text, alias, copy, col-resize, row-resize,

В моем случае проблема заключалась в том, что :after блокировал события мыши, поэтому мне пришлось добавить pointer-events: none; в свой блок :after .

Моя проблема заключалась в ошибочном использовании cursor: ‘pointer’ вместо cursor: pointer . Итак, убедитесь, что вы не добавляете одинарные или двойные кавычки вокруг указателя.

Я нашел решение: используйте :hover с cursor: pointer , если ничего не помогает.

Запретите пользователю выделять текст, затем используйте свойство curser:pointer —

У меня была связанная проблема с Google Maps Api, когда изменение указателя не было видно, пока вы не переместите мышь. Возможно, закрытие другого приложения имеет аналогичный эффект.

Поместите элемент как относительный, а затем используйте z-index, у меня это сработало 🙂

Источник