0 Mengatasi Background Image Blog Yang Tidak Muncul Di Internet Explorer "Hack Image IE"

Permasalahan yang sering terjadi pada browser Internet Explorer versi jadul biasanya tampilan gambar yang dijadikan sebagai background kadang tidak muncul, dan juga layout yang menjadi kacau posisinya. Dan kali ini saya akan memberikan solusi atau trik bagaimana mengatasi background image blog yang tidak muncul di Internet Explorer, Langsung saja pada triknya.

Tambahkan kode seperti dibawah ini pada bagian background image yang anda pasang :

_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lobGbaIOglmTygzIdzMvG-aGYrH2xqUvvnCfEuZpV7PAwPbfznCkMwSCBFxpqYL0Tc1XVzk2guOcjBacapbXuNiWwbaQOp2miiofr-LK0edy0en1ZX-YfB_FJ3fVkbaN909V40a-S_3t/s1600/body.jpg',sizingMethod='crop');

Sebagai contoh saya memasang backround pada bagian body blog, maka hasil keseluruhan code yang telah ditambahkan dengan kode di atas seperti ini :

body {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lobGbaIOglmTygzIdzMvG-aGYrH2xqUvvnCfEuZpV7PAwPbfznCkMwSCBFxpqYL0Tc1XVzk2guOcjBacapbXuNiWwbaQOp2miiofr-LK0edy0en1ZX-YfB_FJ3fVkbaN909V40a-S_3t/s1600/body.jpg)repeat-x center top;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lobGbaIOglmTygzIdzMvG-aGYrH2xqUvvnCfEuZpV7PAwPbfznCkMwSCBFxpqYL0Tc1XVzk2guOcjBacapbXuNiWwbaQOp2miiofr-LK0edy0en1ZX-YfB_FJ3fVkbaN909V40a-S_3t/s1600/body.jpg',sizingMethod='crop');
margin:0;
padding:0;
}

NB :: Warna hijau merupakan kode atau url dari image yang digunakan silahkan ganti dengan url image anda. Sekarang coba buka browser Internet Explorer anda dan lihat tampilan blog anda, Selamat mencoba.

Tweet

Komentar →