読者です 読者をやめる 読者になる 読者になる

SyntaxHighlighter.JSがIE7でおかしい件の対処

ソースコードを強調表示するライブラリにSyntaxHighlighterというのがあるんだけど、IE7で表示したときに一部が白く欠ける現象が起こることがある。
こんな感じ。
f:id:mirakui:20090310234023p:image
ウィンドウをスクロールしたり、マウスで範囲選択して色を反転させたりすると表示が不安定な感じに変わる。

この問題を回避するためには、CSS の dp-highlighter クラス に line-height を指定すればいい。

<style type="text/css">
.dp-highlighter {
  line-height:1.0
}
</style>

(略)

<pre name="code" class="c">
#include <stdio.h>
int main(void) {
  printf("Hello, World\n");
  return 1;
}
</pre>

理由は分からんけどね!!なんなの!