배경 이미지가 IE7 및 IE8에서만 링크 또는 호버 상태로 표시되지 않음

Question

수퍼 피시 메뉴를 사용하여 카트 아이콘을 표시하고 있습니다. 장바구니 아이콘 위로 마우스를 가져 가면 메뉴가 드롭 다운됩니다. 링크 상태에는 쇼핑 카트의 배경 이미지가 포함됩니다. 링크 위로 마우스를 가져 가면 배경 이미지가 어두운 이미지로 전환되고 주변 공간이 흰색으로 채워집니다. FF로 잘 작동하는 것 같지만 IE7과 IE8에서 문제가 있습니다. IE7과 IE8에서는 링크 상태 나 마우스 오버 상태에 배경 이미지가 나타나지 않는 것이 문제입니다. 이것은 IE7과 IE8이 설치된 실제 컴퓨터에서 검사 할 때만 발생합니다. 브라우저 모드를 선택한 상태에서 IE9에서는 작동하지 않는 것 같습니다. 또한 가상 시스템에서 복제하지 않는 것 같습니다. 질문 : IE7과 IE8에서 이미지가 나타나지 않는 이유는 무엇입니까? 코드가 너무 길어서 여기에 붙여 넣을 수 없습니다. 당신이 유혹 할 때

이 바이올린을 바탕으로 http://jsfiddle.net/SeasonEnds/nfYDC/2/

Answer 1

JS 바이올린 업데이트, 당신은 이미지와 '없음'모두에 배경을 설정하고 있습니다.

.cart li:hover, .cart li.sfHover, 
.cart a:focus, .cart a:hover, .cart a:active { 
    background:#fcfcfc; 
} 

시도 설정 단지 배경 색상, 대신 아무것도 설정되어 있지 않은 '없음'의 배경 이미지를 의미하는 배경에 대한 속기를 사용. 거기에 충돌이있을 수 있습니다 (귀하의 바이올린 CSS에 유효한 이미지 참조가 있는지 테스트하는 것이 더 쉬울 것입니다).