Web Developer, Photography Hobbyist, Technology Enthusiast, Open Source Addict, Linux Evangelist and a self-declared Geek.
Relentless problem solver; applying analytical, design and technical skills with expertise in a diverse range of technologies to find answers.
I'm The Director of Web Services at Viigo
Code in Chaos is my one-man company.
Muhammad Ali
There are many cross-browser issues and transparency is one of the weird issues among them. All the browsers treat transparency in a different way to overcome this issue we need to define three different properties. The below properties are specific to a browser.
.trans{
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
Semi-transparent backgrounds are nice. They would be more popular, but Internet Explorer doesn’t support .png transparency. There are a few clunky workarounds. Here’s another that’s a little less clunky.
for this technique you have to need 2 images.
.trans_1 {
font-family:tahoma;
font-weight:bold;
padding:50px;
border:solid 3px #00ff00;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/ trans-bg.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_1[class] {
background-image:url(/trans-bg.png);
}
<div style="float:left;background-image:url(/background.jpg);border:solid 3px #000;padding:10px;">
<div style="float:left;">DesignDazzling.com.</div>
<div style="float:left;">TutorialsPalace.com.</div>
<div style="float:left;"><a target="_blank" href="http://www.trendyshowcase.com"> Latest Websites Gallery</a></div>
help me figure this out: if the catastrophe in Haiti raised so much money in so little time, how come we can’t do the same to our economy?
(via shaylaalyse)
Fly to the moon by Junehee
1. You forget 90% of your dreams. Within 5 minutes of waking,...
Copyright © 2003–2010 Ahmad Nassri. Some rights reserved.
Postage Theme by Greg Cooper. Icons by P.J. Onori.
Comments