2013-06-18 2 views
0

글쎄, 나는 오늘 오후 내 머리를 짚고 있었고 아무런 진전을 이루지 못했다. 나는 100 초의 시간을 보낸 간단한 배경 위치 변경을하려고하지만 오늘은 나를 위해 일하지 않습니다. 나뿐만 아니라 설정 문서 타입을 할IE Quirks 모드 및 CSS : 호버 호

<div class="social_icon" style="background-image: url(http://img.deusm.com/lightreading/facebook_icon.gif);"> 
    <img src="http://img.deusm.com/images/spacer.gif" width="16" height="16" style="border: none; padding: 0; margin: 0;"> 
</div> 

그리고 내 CSS

div.social_icon { 
float: left; 
width: 16px; 
height: 16px; 
padding: 0; 
background-position: top left; 
} 
div.social_icon:hover { 
background-position: bottom left; 
} 

: 여기 내 관련 코드입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

모든 설명은 내가 무슨 일이 일어나고 있는지 더 잘 이해할 수 있도록 크게 평가 될 것입니다.

은 내 질문을 명확히하자 : 나는 사용자가 요소를 가리킬 때 배경 위치 이동이다 갖도록 div.social_icon을 기대하고

. 이 시점에서 배경 위치는 Quirks 모드에서 마우스를 올리면 변경되지 않습니다. 어떻게 해결할 수 있습니까? 코드의 상단에

+2

IE5.5 모드는 매우 간단하게 지원하지 않습니다 쿼크 ': hover'는'a' 엘리먼트 외에는 아무것도 사용하지 않습니다. 적절한 Doctype을 사용하여 quirks 모드에서 보석금을 제외하고는 할 수있는 일이 없습니다. – BoltClock

+0

IE7 & 8 Quirks 모드에서 테스트 중입니다. 그것이 5.5와 많이 다른가요? – Yuschick

+3

전혀 그렇지 않습니다. 둘 다 IE5.5처럼 작동합니다. – BoltClock

답변

0

넣어이 그것을 밖으로 정렬하지만 작동합니다 후

<!DOCTYPE html> 

그럼 당신은 현재에 doctype 제거 확인해야