Comments
Internet explorer CSS problem with a:hover
Written By Majorchamp on Jan. 14, 2008.
4 Comments
Report Note
+ Clip This
http://btk.name/jquery/move_items/move_items3.html
I can't figure out the solution to my current problem. Basically, I am moving a list item and its link to a new box when clicked, and then vice versa.
When the link is clicked, I "believe" Internet Explorer is taking the last known instance of the link (it's hover state) and then moving it to its new location (box #2). I want it to treat the link like other browsers do.
Can I get around this?
http://btk.name/jquery/move_items/move_items3.html
Thanks,
Bryan
seopher
Written Jan. 14, 2008 / Report /
why not set focus on a different element when the move is completed?
Majorchamp
Written Jan. 14, 2008 / Report /
I don't think it's the focus is still on that link, I think just the link behavior got moved with it. Hovering over the link that was moved then "removes" the hover effect.
I will try your suggestion though.
seopher
Written Jan. 14, 2008 / Report /
it should only be inheriting the hover state because that's where IE thinks the focus is. it's only when you move the mouse that it recognises it.
So setting focus to something different should bring things back to normality
Majorchamp
Written Jan. 14, 2008 / Report /
The example you have is a very stripped down version.
In my local copy, I have other links on the page, and even after I have moved an item from Box #1 to Box #2, and then click on some completely different link on the page, the hover color still maintains on that link that was moved.
That is why I believe the focus has nothing to do with it.