background-size for ie8

From. http://www.wordpressaddicted.com/solution-of-css-background-size-not-working-in-ie/


ie8이하의 버전일 경우 background-size 속성을 사용할 수 없습니다.
아래의 링크를 참조하세요.
http://caniuse.com/#feat=background-img-opts



해결책 1 - ms-filter 를 사용하는 방법입니다. 상기 출처를 참고해 주세요.

우선 아래의 CSS 코드는 ie8이하를 고려하지 않을 경우입니다.

							.twitter-ico {
								background-image: url("images/twitter-ico.png");
								background-size: 42px;
								background-repeat: no-repeat;
							}
						

ie8이하를 고려해서 적용할 경우는 다음과 같습니다. filter: 혹은 ms-filter를 이용하고 있습니다. sizingMethod='scale'을 이용하고 있고요.

							.twitter-ico {
								background-image: url("images/twitter-ico.png");
								background-size: 42px;
								background-repeat: no-repeat;
								filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
								src='images/twitter-ico.png',
								sizingMethod='scale');
								-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
								src='images/twitter-ico.png',
								sizingMethod='scale')";
							}
						

참고로, filter를 사용할 경우 해당 css 가 적용된 엘리먼트의 link가 작동을 하지 않을 수도 있답니다.



해결책 2 - javascript를 사용하는 방법입니다.

https://github.com/louisremi/jquery.backgroundSize.js
http://css-tricks.com/perfect-full-page-background-image/