Making a background transparent

  • You can go to my website: https://kingdomofyou.net/ and see that the top is white with a .png image. Here’s the code:

    /* header */
#header					{ background-image:url('/wp-content/uploads/2011/10/topbg.png'); background-position:center; border-bottom: 0px solid #4a0000; }
.logo					{ max-width: 590px; float: left; font-weight: 700; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; text-transform: uppercase; }
.blog-name				{ font-size: 22px; letter-spacing: 1px;  }
.blog-name a:link, .blog-name a:visited	{ color: #4b7329; text-decoration: none; 	text-shadow: 1px 2px 0 #a6ba95; }
.blog-description		{ font-size: 14px; color: #fff; }
.blog-description a		{ font-size: 14px; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; color: #a6ba95; }

    I want it so the .png image is there but the white (and all other colors are gone)

Viewing 2 replies - 1 through 2 (of 2 total)

  • It works fine in firefox, which means it is probably an internet explorer only issue.

    You can google “ie png fix” and see if that helps you figure it out (you’ll likely see many different ways of doing it – some are less complicated than others) – or the easiest thing to do would be to crop your image so it does not have the transparent part at the bottom or save it with a back/dark background instead of transparent.

    Simple way you can try this…

    hxxp://www.dillerdesign.com/experiment/DD_belatedPNG/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Making a background transparent’ is closed to new replies.