IE 10中的锚标记显示为空文本节点

Question

Anchor tags in IE 10 are being displayed as empty text nodes, the solution I already found here was adding display block and zoom 1, but those aren't working:

<ul style="list-style-position:outside;list-style-type:none;">
    <li><a href="http://google.com/" style="display:block;zoom:1;">Google</a></li> <!-- nothing is being displayed -->
    <li><a href="http://google.com/" style="display:block;zoom:1;"><b>Google</b></a></li> <!-- the link is being displayed as bold as aspected -->
</ul>

Answer 1

变通方法：

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

Answer 2

Add a space after the text of the anchor tag, just before the closing </a> tag.

<ul style="list-style-position:outside;list-style-type:none;">
  <li><a href="http://google.com/" style="display:block;zoom:1;">Google </a></li> <!-- nothing is being displayed -->
  <li><a href="http://google.com/" style="display:block;zoom:1;"><b>Google</b> </a></li> <!-- the link is being displayed as bold as aspected -->
</ul>