As far as I know IE allows hover only on links.
I have lots of hover on my site, the only one not working (with IE) is with images.
Internet Explorer definitely does not recognize the :hover pseudoclass on any element but the anchor.
But there’s good news too: http://www.xs4all.nl/~peterned/csshover.html
You can add this js to your page to make IE. (Usage example: http://www.xs4all.nl/~peterned/examples/cssmenu.html — you add it to the body selector).
Thread Starter
Kassad
(@kassad)
Thank you very much, Firas!
I will try your solution and report about it, success or not.
If failing, I will try to use a different CSS for IE with fix background color for the storycontent.
Anybody would advice me how to use this “alternative” stylesheet ?
Thread Starter
Kassad
(@kassad)
Well, the tip I got from Firas was just too hard for me to apply. So, momentarily, I used separate stylesheet for IE as it was applied in the Wuhan theme.
Investigating, it is a general agreement, that IE shortcomings could be dealt with Javascript or pure CSS using htc files, introducing behavioral elements. Unfortunately, my present knowledge was insufficient to make these work even though I found several of them. Also, most of them deal with menus but I wish to use the effect on a “container” in my case.
Still, it would be nice to have a working solution.
Firas was so kind to promise follow up my thread
you can use the hover effect but as mentioned on anchors only – you can set the container as an anchor and use it in that manner i did this with my blog and another site. the result isn’t as elegant and can look odd if not done correctly but htc is probably the most surefire way to get it working as intended.
Use this:
http://dean.edwards.name/IE7/
The instructions in the readme.txt couldn’t be simpler. Add the call to the javascript file in the <head> section of your document and you’re done. I’ll check back to see if you have any issues with that.
I thought I might show an example of how I got the hover working in IE and in FF – the effect is slightly different as FF hovers the entire block, whereas in IE it’s only upto the length of the content/link. I settled for this as a decent compromise that keeps the general effect in place.
http://sekhu.net/txpattern/section/book/
That’s just playing with the CSS and without using any js
Thread Starter
Kassad
(@kassad)
Firas!
Thank you, so much for the patch! Great hack 🙂
That works like charm, without a hitch, unfortunately only on localhost with XAMPP.
Putting it on the server (freehosting) it doesn’t work 🙁
I spent some time investigating. PHP 4.3.4, MySQL 4.0.23 on Debian.
So, I sent a note to the host regarding this patch, I hope they will have an answer.
Jinsan!
Thanks for the link, I will check it out 🙂
You just need to put the exact path to the js file. Your webserver environment is almost a non-issue, we’re just talking js here 🙂
Thread Starter
Kassad
(@kassad)
Firas!
Thanks, that was the problem.
It was in the back of mind to start with next mornig but you confirmed my suspicion.
Also, it is the absolute path that should be used, relative is no good.
I haven’t examined the scope of this patch, yet but I think it should be somehow integrated into WP.
It would help developers no end to make all-browser compliance themes.
I will keep up this test site for a while with information regarding the IE7 patch for all who might be interested.
Again, thank you all who helped to clear up this problem 🙂
Kassad
