Не работает cursor : pointer; как исправить?

Question

[Григорий Каляшов]

Есть блок <div id="logo"> </div> и его свойства:

#logo{
	height:115px;
	width:115px;
	background: #394E63 url(../images/image.png) no-repeat;
	cursor:pointer;
	left:15px;
	top:0;	
}

Унаследовано от body.

body {
    color: #394E63;
    font: 20px Calibri;
    text-indent: 15px;
}

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

Comments

[Александр Хиренко]

Покажите все стили, скорее всего, Вы где-то дальше в коде сбрасываете это свойство

[Григорий Каляшов]

Скомпилированный стиль

background-attachment scroll
#logo scroll

background-clip border-box
#logo border-box

background-color #394E63
#logo #394E63

background-image url("file:///C:/Users/%...test/images/image.png")
#logo url("../images/image.png")

background-origin padding-box
#logo padding-box

background-position 0px 0px
#logo 0px 0px

background-repeat no-repeat
#logo no-repeat

background-size auto auto
#logo auto auto

color #394E63
body #394E63

cursor pointer
#logo pointer

font-family Calibri
body Calibri

font-size 20px
body 20px

font-size-adjust none
body none

font-stretch normal
body normal

font-style normal
body normal

font-variant normal
body normal

font-weight 400
body normal

height 115px
#logo 115px

left 15px
#logo 15px

line-height 26px
body normal

text-indent 15px
body 15px

top 0px
#logo 0px

width 115px
#logo 115px

[Григорий Каляшов]

Всем спасибо. Элемент скорей всего был перекрыт,но после того как поставил z-index все получилось.

Answer 1

[Александр Литвинов]

Может накладываются стили. Попробуй cursor: pointer !important;

Comments

[Юрий Лобанов]

@Sander_Li, добавьте, пожалуйста:
...и если сработает - ищите какими стилями перекрывает.
Потому что использовать !important не кошерно.

[Григорий Каляшов]

@Sander_Li попробовал,не сработало
сейчас насчет стилей посмотрю

[Александр Литвинов]

@iiil @kalyashov Не лучший способ, да. Если не помогает, скорее всего где-то ниже в коде используется !important, а может сами стили не подключаются. Еще одно решение "плохой практики"

<div id="logo" style = "cursor: pointer !important;"> </div>

[Александр Литвинов]

@kalyashov Советую использовать это https://developers.google.com/chrome-developer-tools/ Там однозначно можно найти накладываемый стиль, и там же его поправить, если предварительно связать с файлами проекта.

[Григорий Каляшов]

@Sander_Li Спасибо,но это не помогло. Элемент,видимо, перекрывался. Все исправил с помощью z-index

Answer 2

[Юрий Лобанов]

Научитесь пользоваться инспектором кода, таким как firebug или стандартным от chrome или firefox, они Вам еще не раз пригодятся.
cursor:pointer; работает всегда, если не работает - ищите откуда Ваш элемент получает другой курсор.

Comments

[Григорий Каляшов]

@iiil Я использую firebug.

[Юрий Лобанов]

@kalyashov и что он Вам говорит?

[Юрий Лобанов]

@kalyashov уже прочитал, что у Вас элемент перекрывался чем-то )

Answer 3

[Константин Китманов]

Проверьте, не перекрывает ли какой-то другой элемент сверху.

Answer 4

[Crash]

Тут работает: jsfiddle.net/Bandicoot/36PtU