Page 1 of 1

CSS transparent background pngs and anchor links

Posted: Sun Jan 07, 2007 7:26 pm
by kendall
Hello,

i am using a CSS driven transparent PNG on a table whose content contains link....however while in Firefox they work fine in IE it does not seem to com into "Focus"

the code im apparantly using is this

Code: Select all

* html .item_table_top{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/styles/default/item_table_top.png',sizingMethod='scale');
}
could there be a link between this css style and IE's apparant issue with the anchor link tag?[/syntax]

Posted: Sun Jan 07, 2007 11:50 pm
by iknownothing
doesn't the * do something to make IE not see it?

Posted: Mon Jan 08, 2007 12:46 am
by matthijs
iknownothing wrote:doesn't the * do something to make IE not see it?
No, the other way around. Only IE thinks there's some element above th html, so IE is the only one to interpret the * html rule.

I don't know enough about the IE filter rules to help you with that Kendall, sorry. Have you looked at the official documentation?

Posted: Mon Jan 08, 2007 3:44 am
by onion2k
matthijs wrote:No, the other way around. Only IE thinks there's some element above th html, so IE is the only one to interpret the * html rule.
I'm 99% sure that's fixed in IE7.

SOLVED

Posted: Mon Jan 08, 2007 7:31 am
by kendall
WEll i think i some what solved it....because this CSS filter captures focus of embodied elements the link apparantly doesnt get any focus...so what i had to do is put a style="position:absolute" on the <a>. it seems to do the trick...however theres some obvious "positioning" problems there...

Posted: Mon Jan 08, 2007 7:40 am
by matthijs
onion2k wrote:
matthijs wrote:No, the other way around. Only IE thinks there's some element above th html, so IE is the only one to interpret the * html rule.
I'm 99% sure that's fixed in IE7.
You are right. In IE7 that bug is solved.

Posted: Mon Jan 08, 2007 7:55 am
by kendall
matthijs wrote:
onion2k wrote:
matthijs wrote:No, the other way around. Only IE thinks there's some element above th html, so IE is the only one to interpret the * html rule.
I'm 99% sure that's fixed in IE7.
You are right. In IE7 that bug is solved.
Oh so NNNOOOOOOWWWW they want to fix it!!!??!! STUPID @$%@#$@!!!

Posted: Mon Jan 08, 2007 8:10 am
by matthijs
yeah, but in IE7 many more bugs are solved.

So there's a big chance the hacks you used to target IE6 or earlier aren't needed anymore.

Personally, the most hacks I need(ed) are (were) for IE5. (I stopped supporting IE5 last year). I hardly need a hack for IE6. IE7 seems quite improved. Not perfect of course and still a long way to go. But compared to IE5 and 6 its better.

See also http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx

Posted: Mon Jan 08, 2007 10:57 am
by jyhm
I don't know if this helps but, I was just reading about this topic before I read your post. The jist of it went like this.

W3C compliant browsers use the opacity property. Where as IE once again just wants to do its own thing. IE, as you know uses the filter property.

A work around might me,..

Code: Select all

#imageTrans{
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.25); 
opacity: 0.25;
position: $whatever;
z-index: $whatever;
top: $whatever;
left: $whatever;
} 
Or something to the like. Hope this helps a bit.