CSS：图像上的文本-IE8问题

我有一些上面印有统计信息的图片。这在FF、Chrome和IE9上运行良好，但在IE8上运行不好。我似乎不知道这里有什么问题

HTML:

而不是将文本定位在图片中。它将它们定位在它的外部，就像普通文本一样。是什么导致了这里的问题？

---

我有理由相信这取决于您对自定义元素的使用

低于版本9的IE本机无法识别未知元素

您可以切换到

（这在这里是一个简单的选择），或者：

您必须使用JavaScript修复程序：

请注意，您必须自己将自定义元素添加到脚本中

有关未压缩版本，请参阅：

---

您需要将自定义元素添加到该列表中。

+1同意-在HTML文档中创建自己的元素名称不是一个好做法。这就是类的用途。我用javascript的方式完成了它，它解决了这个问题。谢谢你的帮助。

                    <div>
                    <div class="image">

                      <img src="@Url.Content("~/stuff/stuffImage.png")" alt="" />

                      <GIR1><span>@ViewBag.stuffArray[4]%</span></GIR1>

                    </div>
                    </div>

.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

GIR1 {
   position: absolute;
   top: 110px;
   left: 50px;
   width: 100%;

}

GIR1 span{
   color: white;
   font: bold 15px/15px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   padding: 10px;

}

var elems = 'abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video'