CSS transparent background pngs and anchor links

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

CSS transparent background pngs and anchor links

Post 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]
User avatar
iknownothing
Forum Contributor
Posts: 337
Joined: Sun Dec 17, 2006 11:53 pm
Location: Sunshine Coast, Australia

Post by iknownothing »

doesn't the * do something to make IE not see it?
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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?
User avatar
onion2k
Jedi Mod
Posts: 5263
Joined: Tue Dec 21, 2004 5:03 pm
Location: usrlab.com

Post 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.
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

SOLVED

Post 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...
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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.
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

Post 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 @$%@#$@!!!
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post 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
User avatar
jyhm
Forum Contributor
Posts: 228
Joined: Tue Dec 19, 2006 10:08 pm
Location: Connecticut, USA
Contact:

Post 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.
Post Reply