IE8에서 두 번째 CSS 클래스가 작동하지 않습니다.

다음 div가 클라이언트에 렌더링되지만 IE에서는 checked-yes 클래스가 무시됩니다. 'Developer Tools'에서 대상 요소를 보면 해당 클래스가 Style 패널에서 완전히 빠져 있습니다. shift-item-present 클래스는 아래에 표시된 부모 행의 present 속성에 따라 서버 측에 첨부되고 클라이언트 측은 checked-yes 클래스입니다.IE8에서 두 번째 CSS 클래스가 작동하지 않습니다.

<td><div class="shift-item-present checked-yes" jQuery1272958392665="94"/></td>

부모 행 :

<tr class="shift-item" id="ctl00_mainContentPlaceHolder_ctl00_shiftList_ctl01_shiftRow" present="True" shift-id="641" jQuery1272958392665="64">

페이지가 FF에서 완벽하게 작동합니다. 다음은 같은 파일에있는 CSS입니다.

.shift-item-present 
{ 
    top: 2px; 
    left: 2px; 
    height: 12px; 
    width: 20px; 
    background-repeat: no-repeat; 
    background-position: center right; 
} 

.checked-yes 
{ 
    background-image: url('../Images/Icons/checked-yes-xs.png'); 
}

출처

2010-05-04 ProfK

CSS가 적용되지 않았다고 가정합니다. 게시 할 수도 있습니까? – Kobi

CSS를 추가했습니다. – ProfK

Internet Explorer는 XHTML을 지원하지 않습니다! 심지어 IE8. 따라서 자체 마감 요소를 지원하지 않습니다. <div></div>이 아닌 <div/>을 사용하십시오.

출처

2010-05-04 08:34:25 RoToRa

doctype이 올바르게 설정되면 IE8도 doctype을 사용할 수 있습니다. – VMAtm

아니요, 불가능합니다. 'div '가 자체적으로'td '에 있기 때문에 우연히 여기에서 작동 할 수도 있지만 ** IE8이 자동 닫기 요소 **를 지원하지 않는다는 사실은 변하지 않습니다. – RoToRa

"IE8도 함께 사용할 수 있습니다." 잘못된! 그것이 "작동한다"고 생각할 때, XHTML을 text/html (application/xhtml + xml이 아닌)으로 잘못 전송하여 IE (및 다른 모든 사람들)가 HTML로 해석하도록 유도하기 때문입니다. 올바른 XHTML 구문 분석을 허용하려면 적절한 MIME과 함께 보내야합니다 (그리고 IE는 다운로드 대화 상자를 제공합니다). –

IE8이 페이지를 Quirks 모드로 렌더링 할 때 발생할 수 있습니다. 올바른 DOCTYPE을 설정하십시오.

출처

2010-05-04 07:51:55 Paul

올바른 DOCTYPE은 무엇입니까? 이것은 VS가 생성하는 기본값입니다. 올바른 것으로 가정 할 수 있다고 생각했습니다. – ProfK

전체 파일이나 html 출력을 게시 할 수 있습니까? 이것은 도움이 될 수 있습니다. – VMAtm

IE8에서 두 번째 CSS 클래스가 작동하지 않습니다.

답변

관련 문제