IE10 CSS Issue

Zack Moore avatarZack Moore created an issue

This is probably the same as the IE9 CSS issue, so sorry if I should have responded there.

I may be oblivious and have overlooked this issue until recently, but today I opened http://mercurial.selenic.com/ and the fonts on all the H? tags are double entered and the menu looks to have the same problem.

I'm using IE10. Switching to comparability mode causes the page to look correct.

The IE9 CSS issue reported previously said that text was rendering upside down. I'm not seeing that. Everything is just doubled in two different fonts.

Screenshot attached.

Looks fine in Chrome.

Comments (2)

  1. Zack Moore

    I played with this for a minute. I haven't used <canvas> before but I think in the <h1> tag, the <canvas> and the <span> are both displaying the same text. If I add display:none; to the <span> style, then I only see the word "Work" once and not doubled, but trying the same on the <canvas> caused something to shift over and not look right.

    Also, changing the IE browser mode to IE9 or IE8 caused it to display correctly.

  2. Log in to comment
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.