css : IIS 7 서버의 IE에서 작동하지 않습니다.

라디오에서 이미지를 바꾸고 있습니다. IE에서 로컬로 작동합니다 (HTML 페이지를 여는 중입니다). IE의 WAMP와 Linux 서버에서도 작동합니다. 인터넷 익스플로러에서는 온라인 상태이지만 내 사내 IIS 7 서버에서는 작동하지 않습니다. IIS 서버에서는 Chrome에서 작동하지만 IE에서는 작동하지 않습니다.css : IIS 7 서버의 IE에서 작동하지 않습니다.

HTML

<input id='Good' type='radio' class='css-checkbox'name='value' value='1'/> 
    <label id='1' class='css-label' for='Good'> Good </label>

CSS

input[type=radio].css-checkbox { 
    margin: 10px; 
    display:none; 
} 
input[type=radio].css-checkbox + label.css-label { 
    padding-left:27px; 
    height:22px; 
    display:inline-block; 
    line-height:22px; 
    background-repeat:no-repeat; 
    background-position: 0 0 !important; 
    vertical-align:middle; 
    cursor:pointer; 
} 
label.css-label { 
    margin: 10px; 
    background-image:url(../images/radio.png); 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 
input[type=radio].css-checkbox:checked + label.css-label{ 
    background-position: 0 -22px !important; 
}

출처

2014-04-03 Jeffha77

오류 메시지가 나타 납니까? 빠른 추측 : 서버에 따라 클라이언트 기능이 다른 경우 대부분 브라우저의 "호환 모드"또는 "보안 모드"를 찾습니다. 이는 로컬 주소 또는 원격 주소에 따라 다를 수 있습니다. . 이 서버와 관련이 없지만 도메인은 ... –

오류 메시지가 없습니다 – Jeffha77

"네트워크"탭 또는 개발자 도구를보십시오. 두 번째 추측은 CSS에서 이미지에 대한 상대 경로에 문제가있는 것입니다 (아이디어가 없지만 Chrome에서 작동하는 이유는 ...)하지만이 경우 네트워크 탭에 404 상태로 표시됩니다. –

는 그래서 호환성보기 문제였다. 나는 "호환성보기 설정"으로 가서 "호환성보기에서 인트라넷 표시"를 선택 취소했습니다. 이제 잘 작동합니다.

출처

2014-04-03 18:48:40 Jeffha77

좋았어, 그게 그 중 하나가 될 줄 알았어. 기억 ! 미래에 많은 시간을 절약 할 수 있습니다 ;-) –

css : IIS 7 서버의 IE에서 작동하지 않습니다.

답변

관련 문제