Png transparency and ie6
png transparency fix for ie6
So I downloaded a few of png’s to use in a site for a client.
The job was almost done and I had sent him a preview to look over, when a couple of issues came up. He said some of my graphics looked odd.
It was an ie6 situation, and to be honest I hadn’t tested back that far, but my luck the client was still using this old browser.
Ok so i thought i’d find a copy of ie6 and install it along side opera, firefox etc, but hey it can’t be done. (correct me if I am wrong on this), but newer versions overwrite older so this method of testing wasn’t possible. Anyway a google later I found Microsoft expression web, a way to test how your design will render in ie6 and ie7, only a preview version and soon to become obsolete on my system.
So checking previous sites a couple of problems came up, one easily sorted using display:inline to keep floated elements in check, the other being the ugly background appearing when an image should render with none. I found solutions all over, most worked a little, but were quirky,
Enter DD_belatedPNG by Drew Diller, I haven’t tested it extensively, but so far all is good.
So I just wanted to spread the word from my little corner.
The html
<!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script> /* EXAMPLE */ DD_belatedPNG.fix('#logo, #strap, #header, #nav '); /* string argument can be any CSS selector */ /* .png_bg example is unnecessary */ /* change it to what suits you! */ </script> <![endif]--> </head> <body> <div id="wrapper"> <div id="top"> <div id="logo"></div><div id="strap"></div> </div> <div id="nav"></div> <div id="header"> <div id="header_title"> <h2>Welcome to My new site</h2> </div> </div>
So that’s it upload the javascript replace your divs or classes. Mine are all background on the style sheet.
The css
#header { width:940px; height:106px; margin-top:20px; background:transparent url(img/header_back1.1.png) no-repeat; } #nav { height:52px; width:940px; background:transparent url(img/nav_back1.png) no-repeat; } #logo { width:162px; height:106px; float:left; display:inline; background:transparent url(img/test.png) no-repeat;} #strap { width:400px; height:33px; margin:60px 0 0 20px; float:left; display:inline; background:transparent url(img/print1.png) no-repeat; }
I used it as is and it worked a dream. Cheers..
Will be playing with it some more.
Till next time.. Bye
Add comment June 18th, 2009
Opulentia X-men Origins
Opulentia
Mutants converge for the final battle,
Opulentia out of the lab 26 04 09, is already creating a stir amongst others of her kind.
She has one goal in mind, and that is domination.
There are many battles ahead for Opulentia, and gene therapy is an ongoing process, combining mutant genes, whist trying keeping the subject stable.
In the lab
Keep track of Opulentia through X-men Origins on Facebook
Add comment April 27th, 2009
Supernatural Southport
It has been a while
My home, my refuge recently deserted
But I am back,
I admit with pictures, I do have lots to say, but more to do, a priority being the re-design of this place, ah, but the time and effort involved, when the couch and television beckon.
Here goes:
I am going to throw in another pic, not one of mine, but I like it, hand drawn.
Check this out
Add comment April 26th, 2009
Metallica Manchester 09
Metallica Live Manchester 09
Check out the album: Metallica Live Manchester 09
Add comment February 27th, 2009
Are you hearing the Twittering?
I just signed up for an account, easy enough to do, but I wanted my blog posts to dispaly automatically in my tweet.
Enter Twitterfeed:
Once there you will be asked to provide your open id, The chances are you already have one, check through the list.
So thats it, log in add your open id and desired feed address and wait, as i am now to see if it works.
Publish Now:
Add comment February 13th, 2009
Celebs: read my blog!
Spirulina, food colour, why ingest through choice of will, other than your daily smartie intake.
Perhaps I am missing something, watching Anna friel on Rossy, they swigged concoction of… Not sure, but spirulina was mentioned.
See link Spirulina
I would recommend Astragalus if you are dabbling with random remedies.
Need a better wordpress interface for the iPhone.
Watching Stargate Atlantis.
What else is new?
Nowt really, waiting for a glimmer, thoughts cascading into my gray matter like neutrinos from the sun.
Still lurking around ideas.
Subtle subtlety.
Am I being drawn into the world of warcraft?
No..
sychronisity and her mysterious ways..
Add comment February 7th, 2009
