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.

Sign up for GitHub

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

Jump to bottom

Glyphicons not working in IE8 #9962

Closed
BrotherErryn opened this issue Aug 21, 2013 · 12 comments
Closed

Glyphicons not working in IE8 #9962

BrotherErryn opened this issue Aug 21, 2013 · 12 comments
Labels
css

Comments

@BrotherErryn
Copy link

Pardon if the docs say IE8 is not supported for these somewhere, but I didn't see anything.

The glyphicons do not work in IE8 or IE9, at all. The best example is just the example glyphicons page (http://getbootstrap.com/components/). IE10 and other browsers seem to be fine.
@leeaston
Copy link

Think you need this in the head for IE8.
< !--[if lt IE 9] >
< script src="html5shiv.js"></script >
< script src="respond.min.js"></script >
< ![endif]-- >

@cvrebert
Copy link
Collaborator

@leeaston But the docs pages already have that..

@leeaston
Copy link

@cvrebert Yes they do (http://getbootstrap.com/getting-started/#template), just thought @BrotherErryn may have missed it.

@BrotherErryn
Copy link
Author

Sorry for the delay in response. You are correct, I didn't have that. I did read somewhere in the documentation that respond.js was needed for the responsive behavior, but I didn't see anything that it was required outside of that. Is there a reason that even the docs don't have this code?

@cvrebert
Copy link
Collaborator

@BrotherErryn The docs do have that code.

@josh-padnick
Copy link

I hate to comment on a dead thread, but I do have the required code following in the <head> section and I'm able to load the glpyicons only sporadically in IE8:

<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<script src="respond.min.js"></script>
<![endif]-->

By the way, I found that IE8 requires the closing </script> tag. I think I'm going to try just disabling glyphicons for IE8. Anyone have ideas on how to fix for IE8 or disable just for IE8?

@josh-padnick
Copy link

Just to follow up, I decided to disable glyphicons for IE8 and lower using the following line:

<!--[if gte IE 9]><!-->
        <link rel="stylesheet" media="screen" href="/css/glyphicons/glyphicons.min.css" >
<!--<![endif]-->

The key here is that IE browsers will recognize the tag and parse it correctly so that only IE9+ gets the include while non-IE browsers will treat <!--[if gte IE 9]><!--> as a typical HTML comment and ignore it.

I'm sure there's a way to get glyphicons in IE8 but it just seemed like pushing a boulder uphill.

@adamnbowen
Copy link
Contributor

@BrotherErryn Why was this closed? Glyphicons still don't work in IE8 at all.

screenshot 2013-10-22 11 01 19

@adamnbowen
Copy link
Contributor

False alarm, I had special security settings (preventing @font-face downloads) on my IE8 to match a client's (admittedly strange) environment.

screenshot 2013-10-22 11 16 19

@tsjoberg
Copy link

tsjoberg commented May 6, 2014

I would just like to comment that I am still seeing this issue - what is strange is that if I hover over the icons they do appear appropriatly

@BBosman BBosman mentioned this issue Jun 19, 2014
Closed
@lacymorrow
Copy link

@tsjoberg I am having the exact same Issue. Icons show as squares until hovered. Using the IE8XP VM image from microsoft

@cvrebert
Copy link
Collaborator

This issue's de facto successor is #13863.

@twbs twbs locked and limited conversation to collaborators Jun 23, 2014
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@leeaston @cvrebert @adamnbowen @BrotherErryn @lacymorrow @josh-padnick @tsjoberg