CreateTime--2017年12月25日16:36:07css
Author:Marydonhtml
控制背景圖片100%自適應填充佈局java
/* 控制背景圖片100%自適應填充佈局 */ body{ background-image: url(java八種基本數據類型介紹.png); background-size:100% 100%; /* firefox 瀏覽器 */ -moz-background-size:100% 100%; /* Safari 瀏覽器 */ -webkit-background-size:100% 100%; /* ie8及如下有效 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='java八種基本數據類型介紹.png',sizingMethod='scale'); }
說明:web
1.Firefox,Safari,ie8及如下須要對私有屬性進行特殊聲明;瀏覽器
2.針對背景圖片與容器的大小不一致時,須要設置的屬性值也是不同的。佈局
詳細介紹請移步至文章:background-size 和 css 濾鏡之AlphaImageLoader。post