SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Apr 2005
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Strange problems with links in IE

    I have a strange problem with IE.
    If i use transparent png background on my #test div the link don't work.
    In firefox everything it's ok.

    index.html
    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html>
    <
    head>
        <
    link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
    </
    head>
    <
    body>
    <
    div id="container">
        <
    div id="test">
            
    Link: <a href="http://www.google.com">www.google.com</a>
        </
    div>
        
        <
    div id="test1">
            
    Link: <a href="http://www.google.com">www.google.com</a>
        </
    div>
        
    </
    div>
    </
    body>
    </
    html
    style.css
    PHP Code:
    * {
        
    margin0;
        
    padding0;
        
    text-aligncenter;
        
    font-familyverdanaarialHelveticasans-serif;
    }

    html {
        
    background#3c4348 url(images/background.jpg);
    }

    #container {
        
    width:300px;
        
    marginauto;
    }

    #test {
        
    backgroundurl(images/bg.pngno-repeat;
        
    width300px;
        
    height300px;
        
    margin-top30px;
    }

    html body #test {
        
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.png'sizingMethod='crop');
        
    background-imageurl('');
    }

    #test1 {
        
    backgroundurl(images/bg.pngno-repeat;
        
    width300px;
        
    height300px;
        
    margin-top30px;
        
    clearboth;


  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    IE6 (and below) doesn't support PNGs with transparency. If you really really want to use a transparent PNG, you'll have to use the AlphaImageLoader workaround:
    http://alistapart.com/stories/pngopacity/


Bookmarks

Posting Permissions

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