html - 卢比符号图像在 IE 8,9 中不可见

Question

我需要什么:

• 我需要在 ie 8 中显示印度卢比符号。
• 我使用了卢比图像，因为卢比符号在 ie 8 中不可见。
• 它在 mozilla 和 google chrome 中运行良好。

ie 8 的快照

我使用的代码

     {% if curr == 'INR' %}
    <td width="12%" class="aligncenter " style="border-top:0px"><img src="/img/rupees_symbol.png" />{{ value.amount }} </td>
    {% else %}
    <td width="12%" class="aligncenter " style="border-top:0px">{{curr}} {{ value.amount }} </td>
     {%endif%}

• 尽管在 Chrome 和 Firefox 上工作正常，请告诉我哪里做错了。
• 欢迎提出任何建议。

• 我用 ie 8 试过的解决方案

      <span style="font-family: DejaVu Sans;">&#x20b9;</span>
  

• 但它不起作用，即 9。

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

Answer 1

Internet Explorer 8 不能很好地支持 .PNG 文件格式。首先，尝试用一些标准文本替换您的图像，以确保您的代码可以正常工作，并且问题确实出在图像上。

如果您在图片所在的位置看到文字，那么我们可以确定问题出在图片本身。尝试用 .GIF 或 .JPG 替换图片，看看是否能解决问题。

如果这不能解决问题，那么您到/img/myimage 的相对链接可能不正确，请确保该位置存在并且可以访问。

使用表格单元格和 % 宽度也可能存在问题，请尝试使用固定宽度而不是百分比。

如果您一定要使用 PNG 并支持 IE8，这里有一个链接，其中讨论了使用它的 CSS hack。

http://www.jacklmoore.com/notes/ie-transparency-problems/