Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

:target not working in IE8 #91

Open
ghost opened this issue Jan 11, 2015 · 0 comments
Open

:target not working in IE8 #91

ghost opened this issue Jan 11, 2015 · 0 comments

Comments

@ghost
Copy link

ghost commented Jan 11, 2015

I have a mobile responsive menu with submenus, which uses :target for the Tab feature on smaller screens: A click on the menu toggle will expand / collapse the menu.

@media only screen and (max-width: 768px) {

  #menu:target .show {
    display: none;
  }

  #menu:target .hide, #menu:target .menu-items {
    display: inline-block;
    line-height: 75px;
  }

}

As :target is only partially supported in Internet Explorer 8, I wanted to use Selectivizr, which I added after my CSS-stylesheets in the head like so:

<!--[if (gte IE 6)&(lte IE 8)]>
        <script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->

(tried both version: 1.0.2 and 1.0.3b)

However, it does not work. The menu does not expand.

Any idea what is wrong?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

0 participants