Witam, jak zrobić by element (div) był nie zaznaczany i nie aktywowany myszką?

Wyjaśnię to na przykładzie tagu HTML a. Gdy najedziemy na link, aktywuje on się i kursor zmieni wygląd na "łapkę". Gdybym dał display: none, po najechaniu myszką na link (a raczej teraz puste pole) nie zmieni ona kursoru (bo link nie jest widoczny).

I teraz chodzi mi o to, jak zrobić by np. taki link był widoczny, lecz nie aktywowany? Wiem, że wytłumaczyłem to łopatologicznie, ale mam nadzieję, że zrozumiecie.

Za wygląda kursora odpowiada właściwość cursor.

Albo tak:

http://jsfiddle.net/7EQJp/146/

http://css-tricks.com/almanac/properties/p/pointer-events/

Nie nie nie nie nie, to z a to był tylko przykład. Dobra, zobaczcie na stronę: http://ziuty.pl i najedźcie na domek w menu. Pokazuje się obrazek "HOME", lecz gdy najedziemy na to img, to chowa się on (gdyż wysunięcie go powoduje div poniżej - jQuery). Chcę teraz by po najechaniu obrazek, nie chował się on, a dopiero po zjechaniu z diva. Inaczej nie umiem wytłumaczyć :/

jeśli to jest jQuery robione, to musisz zajrzeć w kod i pododawać odpowiednie handlery albo pousuwać, żadna filozofia (oprócz tego, że szybko się bałagan robi w ten sposó.

A jeśli robić to od zera, to najłatwiej można to zrobić w CSS z :hover i transitions.
I ja bym się przychylał się do CSS, bo robienie tego w jQuery to droga trochę naokoło...
http://jsfiddle.net/nSjnZ/1/

Dzięki wielkie! O to mi właśnie chodziło