Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2007-02-04 08:51:23

theturninggate
Member
Registered: 2004-11-07
Posts: 185
Website

PNGs in IE

Here’s something interesting that I found: http://koivi.com/ie-png-transparency/

Unfortunately, raw PHP doesn’t work in TXP. Does anyone know a way to get this working in TXP?

What I’m trying to do is find some way of using PNG files as CSS background images, and having them work in IE. This sounds like it might do that, but I couldn’t be wrong … I know it’s widely said to be impossible, but this bit makes me curious:

“In addition to scanning IMG tags, this function will also scan INPUT tags and search for background images defined with background-image: url(image.png); or background-image: url(‘image.png’);. With background images, there is no need to use an additional transparent image as a placeholder.”

Last edited by theturninggate (2007-02-04 09:00:01)

Offline

#2 2007-02-04 09:06:16

Pat64
Plugin Author
From: France
Registered: 2005-12-12
Posts: 1,599
GitHub Twitter

Re: PNGs in IE

If you want use transparency with MSIE < 6, just copy this in a specific stylesheet (example: ie.css) :

a#logo { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mysite.com/images/logo.png'); }

An another method I found yesterday : this software PngGauntlet change png files to work with MSIE.
Note : don’t try it yet, but seems very interesting!

Cheers,


Patrick.

Github | CodePen | Codier | Simplr theme | Wait Me: a maintenance theme | [\a mi.ni.ma]: a “Low Tech” simple Blog theme.

Offline

#3 2007-02-04 11:40:26

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,012
Website GitHub Mastodon Twitter

Re: PNGs in IE

I posted a method here which I came across in the net.

Last edited by colak (2007-02-04 11:40:43)


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#4 2007-02-05 05:24:00

theturninggate
Member
Registered: 2004-11-07
Posts: 185
Website

Re: PNGs in IE

Most of the solutions I’ve found or seen cited work for displaying PNGs in IMG tags, but don’t work when setting PNG files to background images using background-image in CSS (which is where PNGs are most useful, I think).

Searching further yesterday, I managed to find this, and I can’t figure out why I’ve never heard of it before. Unless I’m missing something, everyone should be using it. I’ve got it running here, with PNGs working successfully in IE6, even set as background images.

It’s also worth nothing that when you overlay hyperlinks on a PNG background in IE6, the hyperlinks won’t activate. To make them clickable, you need set “a {position: relative;}” in your stylesheet. The links should function normally then.

Offline

#5 2007-02-05 07:46:54

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,012
Website GitHub Mastodon Twitter

Re: PNGs in IE

theturninggate wrote:

Most of the solutions I’ve found or seen cited work for displaying PNGs in IMG tags, but don’t work when setting PNG files to background images using background-image in CSS (which is where PNGs are most useful, I think).

this supports png transparency in bg images


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#6 2007-02-06 05:27:46

theturninggate
Member
Registered: 2004-11-07
Posts: 185
Website

Re: PNGs in IE

Looks promising. I’ll check it out! Thanks.

Offline

Board footer

Powered by FluxBB