Feeds RSS
Feeds RSS

Kamis, 15 September 2011

Ayo HACK IE :)



Cross Browser mungkin itu salah satu masalah yang sering dialami web designer kalau udah scripting css ( termasuk saya ), tapi kalau yang udah mahir scriptingnya mungkin udah bisa tanganin ini masalah dan ini mungkin bukan masalah besar. sekarang ini pengen sharing aja cara ng-hack css buat browser IE ( Internet Explorer ) yang kadang - kadang harus membuat script "special" buat browser yang satu ini nih.
Tips ini aku dapet di google, tapi aku lupa lagi sumbernya darimana, sempet ditulis di notebook jadi sekarang aku share deh disini. My First CSS hack Method :) 

1. CCS hack IE.6 
    tanda *html ----> diletakan diawal sintaks untuk pembuatan class atau id 
    contoh : *html .color { color : #66F;}
2. CCS hack IE.7
    tanda *+html ----> diletakan diawal sintaks untuk pembuatan class atau id 
    contoh : *+html .color { color : #66F;}
3. CCS hack IE.8
    tanda \0/ ----> diletakan setiap akhir peraturan / sintaks 
    contoh :  .color { color : #66F\0/;}
4. CSS hack IE.9 
    biasanya css untuk IE.9 gak banyak css khusus untuk IE.9, tapi kalau ada template web yang gak pas di IE .9 tapi bagus di IE.8 cara ini bisa dipakai : 


contoh penggunaan hack css lainnya : 

spesifikasinya : 
- IE 6 : menggunakan garis bawah ( _ ) diawal sintaks
- IE 7 : menggunakan tanda bintang ( * ) diawal sintaks 

p { color : #ff0000;}
p {
    color : #ff0000; ---> bekerja disemua browser 
    *color : #ff0000; ---> bekerja di  IE 7
    _color : #ff0000; ---> bekerja di IE 6 
}

ini cuma sekedar tips yang aku dapet waktu pertama kali dapet problem cross browser, semoga bermanfaat