Internet Explorer Compatibility Issues (CSSPlay Menu)_问答_开发者

Internet Explorer Compatibility Issues (CSSPlay Menu)

开发者 https://www.devze.com 2023-02-01 08:40 出处：网络

I\'ve been running into the age-old problem of cross-browser compatibility ever since I began making websites, but this time I\'m stumped.

I've been running into the age-old problem of cross-browser compatibility ever since I began making websites, but this time I'm stumped.

I have a pure-CSS and HTML menu that I used from CSSPlay. It works flawlessly in Firefox but not in Internet Explorer. Can somebody help me figure out why? It works fine in IE9 Compatibility Mode, ironically.

Edit: Forgot the link. http://jsfiddle.net/Xh9Kz/

Also, I've been running into a lot of trouble with percentage differences between webkit and Internet Explorer browsers in general. While Webkit browsers also percentages to add up to 100%, IE seems to not do so. Does anyone have a resource for this so I can code to 开发者_运维技巧avoid it?

Thanks in advance. Merry Christmas everyone!

Nothing is wrong with your code, it's just something common with the examples from CSSPlay, check the last question in the FAQ:

10.The demonstration/menu does not work in IE8
IE8 is very temperamental when it comes to multi-level demonstrations and menus (not just mine). I will be going through my demonstrations over the coming months to get them to work in IE8 but in the mean time the easiest way is to switch IE8 into IE7 emulation mode which will cures all problems. To do this add the following meta tag immediately afer the tag:
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

here's the same exact code but with the meta tag added :)