CSS：图像文字 - IE8问题

Question

我有打印统计文字的图像。这与FF，Chrome和IE9运行良好，但不是在IE8上。我似乎无法弄清楚这里有什么问题。

HTML：

    <div> 
        <div class="image"> 

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

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

        </div> 
        </div> 

CSS：

.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; 

} 

取而代之的定位图像中的文本。它将它们定位在正常文本之外。什么可能导致这里的问题？

Answer 1

我相当肯定这取决于您使用自定义元素<GIR1>。

低于版本9的IE本身不会识别未知元素。

您可以切换到<div class="GIR1">（这将是容易选择在这里），或：

你必须使用JavaScript修复：http://code.google.com/p/html5shiv/

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

对于未压缩的版本，请参见：http://www.iecss.com/print-protector/

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

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