통계 텍스트가 인쇄 된 이미지가 있습니다. 이것은 FF, 크롬 및 IE9에서는 잘 작동했지만 IE8에서는 제대로 작동하지 않았습니다. 나는 여기서 문제가 무엇인지 알아낼 수 없다.CSS : Image over Image - 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;
}
대신 그림 안의 텍스트를 배치의. 일반 텍스트처럼 외부에 배치합니다. 무엇이 문제를 일으킬 수 있습니까?
+1 동의 함 - HTML 문서 내에서 자신의 요소 이름을 구성하는 것이 바람직하지 않음. 그것이 바로 수업입니다. – Spudley
나는 그것을 자바 스크립트 방식으로했는데 문제가 해결되었습니다. 도와 줘서 고마워. – Esa