/    Sign up×
Community /Pin to ProfileBookmark

PNG Transparency. Another way?

Copy linkTweet thisAlerts:
May 27.2004

I am new to most of this, but hang with me .

This is the site:
[url]http://www.sdhda.org/2004/index.htm[/url]

In N it works perfectly. I have the PNG background. I have searched the net looking for, and trying, every PNG hack for IE I can find and only once I got it to work, and it then disabled all my links, and I couldn’t get around it.

I have a different css loading for explorer with a 2×2 transparent gif for the illusion of a transparent background. It makes the text look horrid.

Can someone please, explain or point me in the direction of an explination that fully describes making a transparent background on a css div that will work in IE and not make my links unclickable!

80% of our site users use IE. I want this design to work. Help!
Thanks.

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@DaveSWMay 27.2004 — semitransparent png? hmm

Personally I have yet to find a failsafe method, so I'd create a pixel-perfect version, positioning the text over the 'semitransparent' bits of my background - put the semitransparent bits into a jpeg background image. Make sense?
Copy linkTweet thisAlerts:
@sjaauthorMay 27.2004 — If you look, you can see I just went another route entirely.

STupid, frickin, fracking IE. Pooey.
Copy linkTweet thisAlerts:
@DaveSWMay 27.2004 — Not much contrast in the menu column is there?
Copy linkTweet thisAlerts:
@Ben_RogersMay 27.2004 — Mm. You gotta hate it, huh? I haven't checked the link yet, but I've noticed creating a checkerboard gif for IE sometimes works. What I mean is say it's a red & black checkerboard. The reds would be the color you want the transparency to be, and the blacks would be fully transparent. Not foolproof, but it kind of works.
×

Success!

Help @sja spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...