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

【问题标题】：Rupees Symbol Image Is not Visible in IE 8,9卢比符号图像在 IE 8,9 中不可见
【发布时间】：2015-01-10 16:34:07
【问题描述】：

我需要什么：

我需要 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%}

尽管 forgrome 和 firefox 运行良好，但请告诉我哪里做错了。
欢迎提出任何建议。

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

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

但它不起作用，即 9.

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

【问题讨论】：

stackoverflow.com/questions/3306861/… ?
我已经更新了 ie 8 ,9 快照
你应该检查这个：- stackoverflow.com/questions/11741931/indian-rupee-symbol
Empty rectanglar box is displayed instead of the rupee symbol in HTML的可能重复

标签： html css internet-explorer twig

【解决方案1】：

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

你可以试试这个：-

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

DEMO

【讨论】：

我已经尝试过 ₹ 它适用于 ie 8 但不适用于 ie 9
如果你尝试font-family，那么试试 Font-Awesome。 fortawesome.github.io/Font-Awesome/cheatsheet
是的，在 ie8 中也可以，但在此之前您必须添加 <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>this
让我们continue this discussion in chat。

【解决方案2】：

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

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

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

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

如果您必须绝对使用 PNG 并支持 IE8，这里有一个链接，讨论了使用它的 CSS hack。

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

【讨论】：

rs 卢比 rembel in ie 8,9 一个矩形框符号