0

I've got an active state drop-down menu set to:

display: flex;
display: -webkit-box; 
display: -ms-flexbox;

Works great on all browsers, but, with Internet Explorer - the background color stops after the first element.

Can't figure out what the issue is here.

http://soakandswim.com/pools/inground --> this is the website Any insight is appreciated!!

cimmanon
  • 67,211
  • 17
  • 165
  • 171
alliefayden
  • 81
  • 3
  • 15
  • What version of IE? [Caniuse](http://caniuse.com/flexbox) reports that this is unavailable in IE<10, and only then with the `-ms-` prefix. – Two-Bit Alchemist Mar 21 '14 at 17:20
  • @Two-BitAlchemist I've got version 11 running right now. the -ms-prefix is working for the display preference, but the background color doesn't stretch across the whole menu. Just the first element – alliefayden Mar 21 '14 at 17:22
  • Some features will not work on other browsers: http://stackoverflow.com/questions/6873753/css-alternative-for-displaybox-for-ie-and-opera – abden003 Mar 21 '14 at 17:23
  • possible duplicate of [Flexible box model - display : flex, box, flexbox?](http://stackoverflow.com/questions/15662578/flexible-box-model-display-flex-box-flexbox) – cimmanon Mar 21 '14 at 17:39

1 Answers1

0

These are not the part of css2 they are introduced in css3

so wont work in older version of IE (6,7,8)

and 

display: flex; // is not supported in older IE version
display: -webkit-box;  // is for chrome not IE
display: -ms-flexbox;  // is not supported in older IE version

For IE 11 i have seen in practical that it is using some of the properties from the IE7 may be they are using some the part of IE 7 rendering engine instead of IE 8/9/10 . i came across with some of the issues also like display , float so you should also see the doc. of IE 1!

for more reference visit : link

Suraj Rawat
  • 3,685
  • 22
  • 33