Member Avatar for saucy6969

IE is screwing up my site. the button headings dont show up in IE. Am i missing something here? all other browsers work fine. I feel like I am cursed via IE!

Any help would be great!

http://www.christmaslightup.com/

  • 4 Contributors
  • 4 Replies
  • 256 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by saucy6969

Dani AI

Generated

A concise troubleshooting note for invisible navigation text in Internet Explorer (added after the original replies from , , and ). The OP’s original issue later disappeared after the browser was updated, but the checks below help identify and fix the same symptom when it happens in other projects or IE versions.

Start with quick inspection: open F12 developer tools and inspect the anchor element text node and computed styles. Confirm the element actually contains text (not replaced by a pseudo-element or icon font), and check computed properties for color, visibility, display, opacity, text-indent, z-index, transform and any filter or -ms-filter values. Use the Network panel to confirm any custom webfont files loaded correctly — a failed font can make text invisible if icon-font techniques are used.

Temporary debug overrides (apply in dev tools to reveal the text):

/* quick debug overrides — paste into the Styles panel */
nav a, .nav a, .main-nav a {
  color: #000 !important;
  background: transparent !important;
  text-indent: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  display: inline-block !important;
  z-index: 9999 !important;
}

If the overrides reveal the text, narrow down which original rule caused it (work back through rules in the Styles panel). Common culprits are image-replacement techniques (large negative text-indent), pseudo-elements covering text, failing icon fonts, CSS filters or transforms, and specificity/order issues that leave the anchor without an explicit color.

Longer-term fixes: keep visible text in the DOM for accessibility, provide explicit color fallbacks, include proper font formats for IE where a webfont is required, and avoid CSS features that are only supported by some browsers for core UI text. Leave debug overrides out of production.

Recommended Answers

All 4 Replies

Member Avatar for stultuske

well, they do show up here. maybe you're still using an old version of IE.
only thing I noticed is that the backgroundimage is loaded pretty slowly

Member Avatar for pixelsoul

Ah, don't worry about it, everyone hates IE. It does appear that it is working in IE9, but in IE10 the nav links are not showing.

It could be an IE bug, or it could be that you're just doing something that is outside of some standard. A quick "workaround" for this would be to use this in the head of the document

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

Which forces IE to use IE9 standard document mode.

Member Avatar for JorgeM

The site doesnt come up for me. Did you take it down?

If you want to see how the site comes up on different browsers, try browsershots.com, or adobe labs.

Member Avatar for saucy6969

seems like outdated browser. thanks to all for your help. always appreciated!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.