내 CSS가 IE 8 및 IE 7에서 작동하지 않는 이유는 무엇입니까?

IE8에서이 CSS의 기능은 작동하지 않습니다. & IE7?내 CSS가 IE 8 및 IE 7에서 작동하지 않는 이유는 무엇입니까?

nav { 
position: fixed; 
top:60px; 
left:30px; 
color:black; 
float:left; 
} 
nav div#button { 
    width:205px; 
    height:50px; 
    text-align: center; 
    padding-top: 5px; 
    margin-bottom:10px; 
    font-size: 23px; 
} 
nav a { 
    color: #000000; 
    text-decoration: none; 
} 
nav div#button:active { 
    width:250px; 
    height:65px; 
} 
nav div#button.home { 
    background-color: #79b22c; 
} 
nav div#button.links { 
    background-color: #3b50cc; 
} 
nav div#button.aanbod { 
    background-color: #BA3BCC; 
} 
nav div#button.forum { 
    background-color: #1CAEB2; 
} 
nav div#button.contact { 
    background-color: #daa520; 
}

는 IE9 & IE10에서 잘 작동합니다. 그러나 IE8 & IE7은 스타일이없는 텍스트를 표시합니다. 나는 browserstack으로 테스트를 마쳤습니다. 누가 나를 도울 수 있습니까?

출처

2013-07-11 user2391174

'nav div # button '은 몇 가지 우려 사항을 제기합니다. 귀하의 마크 업에서, 얼마나 많은 요소가'id = "button"'을 가지고 있습니까? –

'id = "button' '이있는 요소 5 개 – user2391174

ID는' '문서 전체의 단일 요소에 대해 고유해야합니다. 'id = "button"을 두 개 이상 가져서는 안됩니다. 여러 요소를 재사용해야하는 경우'class = "button"'및'class = "button home"'클래스 이름을 사용하십시오. –

하여 사용해보십시오 :

또한

<!DOCTYPE html>

필요하지 않은 :

div#menu을 당신은 당신의 코드

출처

2013-07-11 08:56:18

작업 할 수있어 ''또한 – user2391174

에 이미 –

를 업데이트 한 내 HTML 페이지 – user2391174

삭제 색상의 상단에 #menu

이 필요하고 단지 배경

를 사용

출처

2013-07-11 09:03:55 WaZZe

모두들! 괜찮아! – user2391174

<nav> 및 기타 HTML5 요소는 IE 7과 IE 8이 출시 된 후에 정의되었으므로 브라우저는이를 처리하는 방법을 알지 못합니다.

그러나 처리하도록 지시 할 수 있습니다. 그리고, html5shiv이 도움이 될 수 있습니다 :

어떤 스타일 시트 후 조건부 주석에 <head>의 맨 위에있는 HTML5의 칼을 포함합니다.

출처

2013-07-11 09:18:33

위치 : IE7에서 작동하지 고정. 이것을 사용하려면 css에서 expression()을 사용하고 absolute를 위치 지정해야합니다.

출처

2013-07-11 09:31:05 Suhan

내 CSS가 IE 8 및 IE 7에서 작동하지 않는 이유는 무엇입니까?

답변

관련 문제