CSS3 Solutions for Internet Explorer

Mungkin bagi pengembang web, CSS3 adalah tren yg masih hot saat ini. Namun, seperti biasa jika membahas masalah web, pasti akan otomatis berkaitan dengan browser dan biasanya browser yg paling `diistimewakan` adalah IE :mrgreen:. Dengan menggunakan CSS3 pengembang web bisa mengimplementasikan beberapa teknik, diantaranya mengurangi penggunaan gambarĀ², nonsemantic markup, dan javascript yang kompleks. Dan sepertinya versi terbaru dari IE pun belum support/mendukung terhadap fitur CSS3 :(.

Namun, seorang developer web harus bisa menghadapi kondisi seperti ini, termasuk compatibility terhadap berbagai browser.

Di bawah ini beberapa solusi/syntax yg bisa digunakan untuk mengatasi masalah seperti di atas.

Opacity / Transparency

#myElement {

opacity: .4; /* other browsers */

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */

}

Continue reading