IE 8 : 배경 크기 수정

IE 8 : 배경 크기 수정

---

이 질문에는 이미 답변이 있습니다.

• IE에서 배경 크기 작업을하려면 어떻게해야합니까? 답변 8 개

IE에 배경 크기를 추가하려고 시도했지만 전혀 작동하지 않습니다.

HTML

<h2 id="news">Notícias <img src="white-marker.png" alt="" /></h2>

CSS :

div#content h2#news {
    background: url('../images/news-background.jpg') no-repeat;
    background-size: 100%;
    border-radius: 20px;
    color: #fff;
    margin: 20px 0 0 20px;
    padding: 8px 20px;
    width: 90%;
    -moz-background-size: 100%;
    -moz-border-radius: 20px;
    -webkit-background-size: 100%;
    -webkit-border-radius: 20px;
}

필터에 어떤 문제가 있습니까?

---

비슷한 스레드에서 'Dan'에 의해 게시 된 것처럼 스프라이트를 사용하지 않는 경우 가능한 수정 사항이 있습니다.

IE에서 배경 크기 작업을하려면 어떻게해야합니까?

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

그러나 이렇게하면 할당 된 영역에 맞게 전체 이미지 크기가 조정됩니다. 스프라이트를 사용하면 문제가 발생할 수 있습니다.

주의
필터에 결함이 있으며 할당 된 영역 내의 모든 링크를 더 이상 클릭 할 수 없습니다.

---

내가 만든 jquery.backgroundSize.js을 "커버"를위한 대체 IE8으로 사용할 수있는 1.5K JQuery와 플러그인이 값을 "포함". 데모를 살펴보십시오 .

다음과 같이 간단하게 문제를 해결할 수 있습니다.

$("h2#news").css({backgroundSize: "cover"});

---

또한 다른 유용한 링크를 찾았습니다. 이런 식으로 사용되는 배경 해킹입니다.

.selector { background-size: cover; -ms-behavior: url(/backgroundsize.min.htc); }

https://github.com/louisremi/background-size-polyfill

---

위의 필터 솔루션을 사용합니다 (예 : 8). 그러나 .. 고정 링크 문제를 해결하려면 다음을 수행하십시오.

background: no-repeat center center fixed\0/; /* IE8 HACK */

이로 인해 고정 링크 문제가 해결되었습니다.

---

@RSK가 지적한 것처럼 IE8은 백그라운드 크기를 지원하지 않습니다. 이것을 처리하는 방법을 알아 내기 위해 여기에 표시된 것처럼 IE 고유의 해킹을 사용했습니다.

//IE8.0 Hack!
@media \0screen {
    .brand {
        background-image: url("./images/logo1.png");
        margin-top: 8px;
    }

    .navbar .brand {
        margin-left: -2px;
        padding-bottom: 2px;
    }
}

//IE7.0 Hack!
*+html .brand {
    background-image: url("./images/logo1.png");
    margin-top: 8px;
}

*+html .navbar .brand {
    margin-left: -2px;
    padding-bottom: 2px;
}

이를 사용하여 로고 이미지를보기 흉한 그림으로 변경할 수있었습니다. 그러나 최종 결과는 좋습니다. 나는 이런 식으로 시도해 볼 것을 제안한다.

참고URL : https://stackoverflow.com/questions/4885145/ie-8-background-size-fix