Comments on: Transparency in IE6 and Other Browsers :)

By: aurel

aurel — Thu, 04 Feb 2010 16:21:07 +0000

There is a smiley in your code, a bit confusing
But it works pretty well. Thanks!

By: WizX20

WizX20 — Tue, 21 Jul 2009 07:18:41 +0000

I’m sorry but this is not working on ie6, for some reason the background image is not loading. Testing on virtual machine win2003 with ie6.

By: 18fis

18fis — Fri, 18 Jul 2008 17:48:56 +0000

Hi there,

Thanks for the demonstrations! However, when I try to link images, the links won’t work..do you know the workaround on that?

THANKS!

By: Programatik » capa transparente y contenido opaco

Programatik » capa transparente y contenido opaco — Fri, 09 May 2008 10:26:21 +0000

[...] preocupación es que el contenido se muestre opaco también en Firefox. Al hilo de un artículo de Jamie en Nodstrum, cuya lectura recomiendo, podemos llegar a la siguiente solución (ver ejemplo en el lab: [...]

By: ??

?? — Mon, 21 Apr 2008 09:35:36 +0000

Hi Lance,

My examples work on IE6 (XP Pro SP2).
What version are you running, and do they work on it?

Jamie

By: newsy komputerowe

newsy komputerowe — Tue, 21 Aug 2007 20:17:28 +0000

Thanks for the reply. I’ll try it as soon as possible.

By: plotki

plotki — Tue, 21 Aug 2007 20:16:20 +0000

Very helpful article, thank you!

By: gta

gta — Tue, 21 Aug 2007 20:15:42 +0000

Your home page is very friendly and rich with information! Thanks!

By: filmiki

filmiki — Tue, 29 May 2007 21:29:02 +0000

This site is interesting and very informative, nicely interface. Enjoyed browsing through the site

By: ramon

ramon — Wed, 16 May 2007 14:15:02 +0000

Thanks to Jamie for all his efforts!

I had problems with IE as well. With FF no problems at all. Now i have changed only some text [css] and now it works just fine.

I used this css code:
.transparent {
position: absolute;
top: 0px;
bottom:0px;
left: 0px;
right:0px;
width: 500px;
z-index: 1;
background-image: url(‘images/blackTransparent80.png’);
overflow: auto;
}

*html .transparent {
position: absolute;
top: 0px;
bottom:0px;
left: 0px;
right:0px;
width: 500px;
z-index: 1;
background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/blackTransparent80.png’, sizingMethod=’scale’);
}