Membuat Background Image Full Screen dengan CSS3 - Background website atau blog, biasanya mempunyai tampilan yang sangat bagus, baik itu memakai warna atau gambar. Ada juga yang menggunakan background website sebagai media penyampaian iklan dari sponsor yang berkenan memasang iklan di website kita. Tapi bagaimana kalo kita pengen pasang iklan atau mau memasang background image, tapi full screen kaya tampilan di desktop windows?
Sebenarnya caranya gampang kita buat pake CSS3 caranya gini :
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;
}
Buat tulisan yang di cetak tebal,. Adalah alamat image yang ingin dijadikan background
Note : gimana cara fiz di IE.. ?
tenang… gw udah nemuini 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')";
Semoga Bermanfaat.
0 comments:
Post a Comment