Web ページに背景画像を設定したいと考えています。これには background-size=cover を使用しています。それはまさに私が望むものを与えてくれますが、IE8 では動作しません。フィルターを使用するこのソリューションを試しました
#container{
position: absolute;
height: 100%;
width: 100%;
background: url('img/dogs.jpg') no-repeat center center;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dogs.jpg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dogs.jpg', sizingMethod='scale');
}
しかし、背景に合わせるために画像を引き伸ばしているように見え、画像の縦横比を歪めています。誰かが他の解決策を提案できますか?