This is because I've accounted for what it warns against in my code. Note: I've turned off the box-model rule for linting on the styled source. grunt styled: Build and lint the styled menu.grunt plain: Build and lint the plain menu.Reviews and assessment by Avada Commerce. Social media metrics such as Facebook, Twitter and Google +. grunt: Build and lint both the plain and styled menu These above 22 CSS Dropdown Menus examples for CSS are ranked based on the following criterias: The ratings on CSS Examples.This has the effect of making the menu look nicer in IE8. Accordingly, I've switched over to using CSS borders for the triangles. I added this due to a bug in Firefox, but the bug has since been fixed.
Versions 1.x of this menu used a unicode character for the triangle that sits atop the dropdown items. If you'd prefer to have better support on these IEs you will need to turn to Javascript. In any earlier IE the menu will simply 'pop' into existence. This is because CSS transitions are only supported in IE10+. It just won't display as nicely as it does in modern browsers. Once you've done either of those, the menu will still function as far back as IE7. For < IE9, you'll need to begin by installing the html5 shim to get these early browsers to recognize the nav element, or otherwise swap it for something like a div. It was also optimized for use on iOS and the most popular Android phones (it probably works fine on other Android phones – I just didn't check!). CompatibilityĪs you'd expect, you'll find no issues with this menu in the latest version of all of the major browsers. This project doesn't have a clearfix solution included with it, so be sure to clearfix the menu or otherwise explicitly set the height on a parent element. Note: The fade-menu list has 0 height because its children are set to float: left.
0 kommentar(er)
