如何解决CSS:图像上的文字-IE8问题
| 我有印有统计文字的图像。这在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;
}
而不是将文字放在图片内。它像普通文本一样将它们放置在其外部。什么可能导致这里的问题?
解决方法
我可以确定这取决于您对自定义元素
<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\'
您需要将自定义元素添加到该列表。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。