Cursor over text in IE gains priority over 100% vert side navs about responsiveslides.js HOT 5 CLOSED

This is actually a bug in older IE's which causes this (happens when there’s a link with no background and no text content). The solution which fixes this is to specify a background for the links.

For debugging: Try adding “background: red;” for the links and see if that fixes the problem.

Actual fix: If that does fix your problem, then you'll have to create and add a transparent 1x1px repeated gif background for the links in order to make them work in older IE’s.

Hope this helps! : )

from responsiveslides.js.

Thanks for the quick response!

Yes, that does help and works. I'm wondering though if I just put a background color and make it transparent with
opacity: 0;
filter:alpha(opacity=0);
-moz-opacity:0;
will that do it as well? Or is the transparent gif necessary?

Thanks again,
Joey

from responsiveslides.js.

That might also fix it, not sure, try and see if it’s enough : )

from responsiveslides.js.

Hmm, now when thinking this a bit more, you’d probably have to put it like this in order to keep the link still working (no need to use the actual “opacity” property):

filter:alpha(opacity=0.01);
background: #fff;
background rgba(255,255,255, 0.01);

...but now you also have another problem which is that you have that small amount of white color on top of the content, which could be avoided by using the gif solution.

from responsiveslides.js.

Hey, I just decided to go with your .gif solution.
http://apps.rcu.msstate.edu/Connections_Online/SP12/stories/3/index.html
Works great!
Thanks,
Joey

from responsiveslides.js.