Membuat Background Image Full Screen dengan CSS3

Sekarang kita bisa membuat website dengan backgorund full screen seperti walpaper di windows. Hanya dengan menggunakan property baru dari CSS3.

  
html {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Uda di tes n work! tapi ada masalah di ie??? gimana cara fiz di IE.. ?
tenang… saya  udah nemuin cara buat fix nya… tinggal tambahin baris berikut ini.

 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";


sumber:  http://www.css-jquery.com/membuat-background-image-full-screen-dengan-css3/

Membuat Background Image Full Screen dengan CSS3

Posted by: Risalahati Dedic Ahmad Updated at: 00:37