Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts

    Using the AlphaImageLoader. Links do not work in IE.

    Problem is here .

    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

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

    the IE specific png loading 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.

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

    Code:
    #content {
    width: 296px;
    left: -10px;
    background:green;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=70);
    }
    Very unique layout. Nice to see something different.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #3
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    mcdougals4all-

    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


    ]|V|[agnus-

    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.
    http://www.rammstein.com/

    Thanks again you two.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •