CSS Display class not working in Internet Explorer

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!!


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

链接地址: http://www.djcxy.com/p/75626.html

上一篇: 在部分中包装盒子

下一篇: CSS显示类在Internet Explorer中不起作用