문제

IE6의 배경 이미지에서 PNG 투명성을 수정하기 위해 이것을 사용하고 있습니다.

ul li a
{
    background-image: url('/NewSite/Content/Images/Sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -48px;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/NewSite/Content/Images/Sprite.png, sizingMethod='crop');
}

이것은 훌륭하지만 스프라이트로 이것을 구현하려고 할 때 문제가 발생했습니다. 수정은 포지셔닝을 무시하고 위치가 오른쪽 상단 인 것처럼 렌더링합니다.

배경 위치 또는 더 나은 방법을 강요하는 방법이 있습니까? 나는 JavaScript를 사용하거나 GIF로 변경하지 않는 것을 선호합니다.

도움이 되었습니까?

해결책

afaik 당신이 원하는 것을하는 유일한 방법은 iepngfix
JavaScript를 사용해야하지만 제가하는 것처럼 조건부 의견으로 뒤틀릴 수 있습니다.

<!--[if lt IE 7]>
    <link rel="stylesheet" href="css/ie6.css" type="text/css" />
    <script type="text/javascript" src="js/iepngfix_tilebg.js"></script>
<![endif]-->

IE6.CSS 내부

ul li a { behavior: url(iepngfix.htc); }
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top