Member Avatar for mangel.murti

hi all,

this css hide cursor point over a link.

.bck{
	cursor: url(blank.gif)  , default;
}

prob is that works in FF but not in IE....

any suggestion appreciated...


thnx

  • 2 Contributors
  • 2 Replies
  • 76 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by mangel.murti

Dani AI

Generated

Short summary and cross‑browser guidance based on the thread: found a blank-image cursor worked in Firefox but failed in IE, and suggested hiding the pointer. These are two related but distinct compatibility issues — the file formats browsers accept for custom cursors, and how image‑map area elements are handled by some engines.

Internet Explorer historically only accepts native cursor files (.cur/.ani) for cursor URLs, while other browsers are more permissive. The CSS cursor property page documents browser differences and fallback rules (MDN: cursor). That explains why a GIF/PNG blank cursor will appear in Firefox but not in IE.

Separately, WebKit-based browsers (Chrome/Safari) have been known to ignore cursor styles applied directly to <area> elements in image maps. Practical workarounds that work across browsers: 1) use a transparent .cur as the IE fallback and provide regular image cursors for other browsers; 2) attach small mouseenter/mouseleave handlers to the area elements and set the host image�s cursor dynamically; or 3) replace the legacy image map with absolutely positioned anchors or SVG hotspots (recommended for consistent styling, easier maintenance, and better mobile/accessibility). See the HTML area reference for details (MDN: area element).

Testing across current browser versions is essential. Also avoid relying solely on cursor changes for usability—provide visible affordances and keyboard access so the interface remains usable on touch devices and for assistive technologies.

Recommended Answers

All 2 Replies

Member Avatar for Ritesh_4

try the cursor:none code in the css to see what it gives in IE.

Member Avatar for mangel.murti

try the cursor:none code in the css to see what it gives in IE.

acctu i have a map ... when user select some area on map , coordinates store in db

and fetch by php to show coordinates to user using map area element.(using jquery +ajax). but clients wnts that

when user mouseover that coordinates hand point will not be visible. default cursor has to be shown for all browsers.

search on google gives result-------------* {cursor: default;}


above works in ff and IE but after checking in safari it fails

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.