「background-size: cover;」を使用する。
指定要素に背景画像が常にある形でフィット - cover - div { background-image:url(画像URL); background-position:center top; background-repeat:no-repeat; -moz-background-size:cover; background-size:cover; }
html { ... filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2011/01/background-photo.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2011/01/background-photo.jpg', sizingMethod='scale')"; }
「background-size: cover;」を使用する。
Fullscreen Background Image Slideshow with CSS3
http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/背景画像の拡大・縮小 → background-size ! ::: 0から目指すWebマスター
http://www.allinthemind.biz/markup/css/background-size.html指定要素に背景画像が常にある形でフィット - cover -div {
background-image:url(画像URL);
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}
フィルターを使ったIE対応方法 | IE Problems with CSS3 ’background-size: cover’...
http://www.paulmccrodden.com/2011/02/problems-css3-background-size-cover-iefilters/html {...
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2011/01/background-photo.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2011/01/background-photo.jpg', sizingMethod='scale')";
}
関連するトピックス