CSS-курсоры не работают в браузерах WebKit - PullRequest
Новая
       2

CSS-курсоры не работают в браузерах WebKit

3 голосов
/ 08 августа 2011

У меня проблемы с курсорами, которые не отображаются в браузерах WebKit. Удивительно, но IE и Opera работают так, как я ожидаю. Вот CSS 

    .olControlDrawFeatureActive {
         cursor: url(<DOMAIN>/common/images/cursors/draw.png), crosshair, default;
    }

Он довольно просто меняет курсор на Draw png или, если он не принимает пользовательские курсоры или PNG (например, IE или Opera), тогда он должен по умолчанию использовать перекрестие. Работает нормально в IE и Opera, идет к перекрестию, как я хочу, FireFox, Safari и Chrome, с другой стороны, вообще отказываются возвращать любые CSS для этого. Глядя на возвращенный CSS в Firebug, я просто получаю. 

    .olControlDrawFeatureActive {
    }

Пусто и совершенно бесполезно. Я попытался заменить URL-адрес на полный путь и относительный путь и (и это для меня немного сбивает с толку) я попытался полностью удалить пользовательский курсор, чтобы он по умолчанию имел перекрестие, но все равно он просто возвращает пустое правило CSS ! Некоторое время это давало мне покоя, потому что изначально он работал нормально в Webkit, но не в IE, получил его в IE, и теперь WebKit решает не играть в мяч! Я делаю что-то действительно очевидное неправильно? Любая помощь или указатели будут очень благодарны, так как это сводит меня с ума бананы picture of banana inserted, sir

1 Ответ

4 голосов
/ 08 августа 2011

Нашел проблему! После долгих поисков и подстройки я наконец отправил свой первый вопрос, а затем ответил на него в течение нескольких минут. О, Боже. Проблема, похоже, заключалась в том, что я указал 3 уровня курсоров: пользовательский, перекрестие и курсор по умолчанию. Во всяком случае, не было необходимости использовать стандартный по умолчанию, так как Crosshair принимается всеми браузерами. Удаление этого, казалось, заставило это работать.

Это кажется странным, разве CSS допускает только два уровня курсоров? Если так, то почему Opera и IE приняли это, они просто игнорируют первый?

О, радости работы кросс-браузера! Будем честны, если бы они были все той же половиной из нас, вероятно, остались бы без работы ...

Исправлено CSS 

    .olControlDrawFeatureActive 
    {
        cursor:url(<DOMAIN>/common/images/cursors/draw.png),crosshair;
    }

Если кто-то хочет что-то добавить, пожалуйста, не стесняйтесь, я уверен, что это будет полезно для какой-то бедняги, такой как я:)

...