background image - Disable a css rule on IE

Question

i wonder if you know a way to able or disable a css rule when client has ie.

I've this style

 #number_one{
    background-image: url("../img/pins/1.png");    
    top: 250px;
    left: 115px;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/pins/1.png',sizingMethod='scale')";

}

I want background-image to work on all browser except IE, becuase Filters will do the background-image job.

Anyone know how to solve this? Thanks a lot.

Answer 1

Include this in head for IE specific styles and overwrite CSS here:

<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

It is also feasible to target each version of IE separately:

<!--[if IE 6]>
  <link rel="stylesheet" href="http://mysite.com/path/to/ie6-only.css" type="text/css" media="screen, projection">
<![endif]-->