Issue with IE

[jaswinder]

working on website

http://webiworld.com/add/

added some transition stuff in menus.. working great with safari and chrome, but in IE not working well..

if such effect is not possible in IE, atleast add some hover effect in it (only for ie)

i tried some conditional statement and that too not working in IE 10… any help

[Paulie_D]

Rather than just a link, perhaps you could show us a reduced case in Codepen?

Conditional IE statements were dropped after IE9 and IE10 + do not recognise them.

[jaswinder]

here is my codepen.. e.g

http://codepen.io/Jaswinder/pen/qlsEn

any suggestion ??

[Paulie_D]

3D transforms aren’t supported by IE9

http://caniuse.com/transforms3d

What fallback did you want for IE9 and below.

[Alan C]

Looks to me like you might need a shiv for the html5 elements and maybe a polyfill for the css3 effects.

[jaswinder]

will you clarify me more clearly .. what and how to do

and also if not possible such effect in IE,, at least i want just a hover effect for IE and same 3d effect for rest browsers..

[Paulie_D]

Seriously….you can build that codepen and you don’t know how do so a hover state fallback?

[jaswinder]

I didn’t mean that

For IE i tried this

<![if IE]> hover menu<![endif]>

<![if !IE]> 3d menu <![endif]>

But now the issue is IE showing menu with hover effect , but other browsers showing 2 menus ( one with hover and other with 3d ) as they don’t understand conditional statements

[jaswinder]

hi everyone

i used the html5shiv it works nicely.. but modernizer is not working at all… for some properties i used PIE also..

Will anyone solve it completely ?

[Author]

Posts