CSS and/or image transparent issues

  • CGFX
  • Graduate
  • Graduate
  • User avatar
  • Posts: 161
  • Loc: Chicago, IL.

Post 3+ Months Ago

Hi I am having CSS and/or image transparent issues.
I am placing my images that I made transparent in Photoshop into my <div> tags.
I have made my image both .gif and .png, but the backgrounds are showing gray areas.

Here is the Photoshop screen shot of the design:
http://www.chayil.net/test/

Here is what is happening within my XHTML/CSS.
http://www.chayil.net/css/

Below is the style sheet.

CSS Code: [ Select ]
#rss {
z-index: 6;
width: 21px;
height: 22px;
position: absolute;
right: 260px;
top: 28px;
background-color: #transparent;
left: 965px;
}
 
#pastors {
z-index: 5;
position: relative;
left: 200px;
top: -277px;
visibility: inherit;
}
 
#masthead {
z-index: 4;
position: relative;
left: 200px;
top: 5px;
width: 800px;
}
  1. #rss {
  2. z-index: 6;
  3. width: 21px;
  4. height: 22px;
  5. position: absolute;
  6. right: 260px;
  7. top: 28px;
  8. background-color: #transparent;
  9. left: 965px;
  10. }
  11.  
  12. #pastors {
  13. z-index: 5;
  14. position: relative;
  15. left: 200px;
  16. top: -277px;
  17. visibility: inherit;
  18. }
  19.  
  20. #masthead {
  21. z-index: 4;
  22. position: relative;
  23. left: 200px;
  24. top: 5px;
  25. width: 800px;
  26. }


I am sure it is something simple I am missing. Do anyone know what it could be?

Thank you,
cgfX
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

I think this thread will answer all your questions about png transparency and Internet Explorer.
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

there shouldn't be a # sign in front of transparent (its not a hex value). I wouldn't think you need that line at all since the default is actually transparent.

http://webdesign.about.com/od/styleproperties/p/blspbgcolor.htm
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Posts: 457

Post 3+ Months Ago

I would suggest using the scripts from
http://allinthehead.com/retro/289/sleight-update-alpha-png-backgrounds-in-ie
and http://allinthehead.com/retro/69/ for backgrounds. I'm pretty sure thats the correct version, as there have been some revisions and it's a bit confusing. Good luck.

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 25 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.