Recent articles

For the past few days, the news from the mobile industry amazed me completely. ...
Read More
Apple is planning something big
Everyday i read my list of RSS feeds The future is bright the future is apple ...
Read More
Life in london
Wooh, It's been more than 5 months that i am in UK now.  These 5 months really went by to ...
Read More

Posted By : Vikram Sahai, on January 8, 2008 @ 8:54 pm | View Original
Tags: ,

Browser compatibility issues is really troublesome. It’s quite a pain in the ass to cater for the technical differences of Mozilla Firefox and Microsoft Internet Explorer.

One of the issues you may have come across is :hover pseudo-class. The hover pseudo is used normally when creating rollover effects in css. Annoyingly, you must have noticed that :hover works only with mozilla but not with IE!!!

An easy and quick solution to this problem (without really understanding it) is to follow the steps below

  1. Download this file and save it in your web directory/folder
  2. Insert this line in your css file / header

    body{
    behavior: url(csshover.htc);
    }

  3. That’s it

Note: behavior allows elements to behave in a desired manner by attaching *.hta and *.htc files to them

For more / further info check out this link

Additional Information / Interesting CSS tricks

CSS Round Corners
CSS Transparency
IE Alpha Filter
Gif, jpg, png-8 or png-24

« Newer Posts