Customize mouse styles on the web

To write a project recently, you must move the cursor to the left arrow of an image and the right arrow to the right.

Implementation Method: locate two divs on an img. The div style is as follows:

. Toleft {width: 200px; height: 300px; position: absolute; left: 0px; top: 0px; cursor: url (.. /images/test/cursor_left.cur), default ;}. toright {width: 200px; height: 300px; position: absolute; left: 200px; top: 0px; cursor: url (.. /images/test/cursor_right.cur), default ;}

Other browsers are fine, but they are not good in ie.

Later I tried several methods:

1. Add z-idnex: 1 to img, and add z-index: 2 to div. // No

2. Remove the position: absolute of the div, and add float: left; // No

However, I added a background-color: # fff TO THE div. Hey, you can.

Finally, set the transparency of the div to 0.