View Full Version : Using the AlphaImageLoader. Links do not work in IE.

03-07-2005, 05:32 AM
Problem is here (http://home.earthlink.net/~harbingerofthevoid/index.html) .

If you scroll down a little in the main content there is a link to "coding". In MOZ/FF the link displays and works correctly. In IE the link displays like it should (changing to light green) but when you roll over it it doesn't swicth to the roll over style nor does it show the url in the status bar.

I took off the png background and it works correctly. Weird thing is that the same use of the png is in effect on the navigation and works well enough.

I had thought that I had defined something wrong and IE was confusing the a: style of the nav and the content. So I made all the nav have #links a: and the content links have #content a: . No dice. I then tried positioning the paragraphs in the content and applying a z-index to hopefully lift them above the png. No dice.

I tried adding the filter as a style in the head and the same thing.

the CSS (http://home.earthlink.net/~harbingerofthevoid/css/normal.css)

links concerned are in /*--links--*/ and right above that is the #container div they are in.

the IE specific png loading CSS (http://home.earthlink.net/~harbingerofthevoid/css/ie.css) .

I've looked over it way too many times that I might be missing something but it doesn't seem so.

Since my files are pretty spaced out it might take more than a second to help on this, but I appreciate any help you can give.

03-07-2005, 09:33 PM
Since the image you're using is a solid color, I think you could use the plain Alpha filter with a background color, and drop the image and AlphaImageLoader.

I tested it locally and the link seems to work fine this way. I wasn't sure what exact color your image was, but you get the idea.

#content {
width: 296px;
left: -10px;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=70);

Very unique layout. Nice to see something different. :thumbsup:

03-07-2005, 09:47 PM
i dunno if you noticed, but there is some wicked scroll-lag in Firefox... like, really bad, worse than i've ever seen. your content chops up before catching up to the scroll. it ain't pretty, FYI.

03-08-2005, 03:21 AM

thnkas for the idea. I gave it a whirl and it had some serious consequences. You tried the opacity at 70. Works alright. When I turned down the opacity to match my color I noticed that filter changes the whole div. Border, text, everything.

So I messed around with some ie specific divs and tried a few things and couldn't get it to work correctly. So now IE gets a scrolling background and jpg instead of the faded png.

Thanks for the layout comment. I need to pretty it up some but first things first ;)


I am aware of it. As I use FF, I noticed it right away. It has to do with the fixed div holding the image on the right since it overlays the content div. Z-indexing it doesn't help. If I move/remove it, it will work fine.

...worse than i've ever seen.


Thanks again you two.