Results 1 to 2 of 2

Thread: Strange bottom border on linked images in IE

  1. #1
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default Strange bottom border on linked images in IE

    At the bottom of my website, I have small icons linked to my social networking sites. For some reason, there's a black border-like styling being applied to them only in IE (I'm viewing it in 8 and 7). I've tried everything: setting border to 0px, altering the background color to see if it's a background, setting margins and padding to 0px on both a and img. The link is: http://alexjewell.com/

    Any ideas as to what the heck this is?!
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    the alpha filter is the bad guy. Either loose that or you can fix it by setting a solid background color.
    Code:
    #b2 a img{
    		margin-right: 3px;
    		filter: alpha(opacity:60);
    		KHTMLOpacity: 0.60;
    		MozOpacity: 0.60;
    		text-decoration: none !important;
    		border-width: 0px !important;
    		opacity: 0.60;
    		background-color:#999999;}
    As for the explanation to this, John has explained it somewhere on this forum a couple of months ago or so. You just can't fade images with alpha transparency and a transparent background in IE without getting this kind of artefact ( as far as i understand it ).
    Last edited by azoomer; 07-17-2010 at 12:52 AM.

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
  •