W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

CSS3のみでフルスクリーンの背景画像を実装する方法

Fullscreen Background Im... / 背景画像の拡大・縮小 → background-... / フィルターを使ったIE対応方法 | IE Pro...他...全3件

背景画像の拡大・縮小 → 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')"; 
}
最終更新日:2012-01-06 (14,671 views)

関連するトピックス

ページ上部に戻る