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

Question

我需要什么：

• 我需要印度卢比符号，即8。
• 我使用了卢比图像，因为在8中看不到卢比符号。
• 它在mozilla中的工作正常，谷歌浏览器。

即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%}

• 请告诉我在哪里做错了，虽然它的工作正常forghrome和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黑客。

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

Answer 2

如果您使用任何₹₹它将无法在IE中工作，所以我认为最好的选择是使用svg图像。 ie8 +

可以正常工作

你可以试试这个： -

  

http://img1.wikia.nocookie.net/__cb20130318203705/green/images/e/ee/Indian_Rupee_symbol.svg

<强> DEMO