rss
twitter
  •  

IE6 Png Hack using CSS

| Posted in CSS |

0

Now its come’s PNG problem which we all CSS developer facing with IE6. This was one of the easiest way to do it. Only one problem when you put this in domine you have to give the full relative path in the png image path on CSS.

.selector {
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’/75p_honey.png’);
}
/* IE ignores styles with [attributes], so it will skip the following. */
.selector[class] {
background-image:url(/75p_honey.png);
}

CSS Transparency for All Browsers

| Posted in CSS, XHTML |

0

Transparency is somthing which will work differently in all browsers. For working with the transparency we have to create a four statements. See the example its set to 50%.

.selector {
filter:alpha(opacity=50); /* IE6 */
-moz-opacity:0.5; /* FF2, FF3 */
-khtml-opacity: 0.5; /* Safari */
opacity: 0.5; /* FF2, FF3, Safari */
}

Double Margin Issue in IE6

| Posted in CSS |

5

Here we go with double margin bug in IE6. For those who are unfamiliar with the Double Margin Bug, if you float an element and then proceed to add margins in the same direction as the float, Internet Explorer 6 will double the value. Example, A left margin of “10px” will becomes “20px” in IE6. Well to remove the addition margin form IE6 just use the display:inline;.

.selector {
display: inline;
float: left;
margin-left: 100px;
}