Blending Header with Background

  • Resolved Frankie

    (@frankiebermudez)


    13 years, 4 months ago

    Hello,

    So before adding my images into WordPress, my Header and Background blended nicely. Now, I can see the outline of my wrapper against my body background. The site is here.

    Code:

    <body <?php body_class(); ?>>
   <div id="wrapper" class="hfeed">
	<div id="header"></div><!--end of header-->

    CSS:

    body { background-image: url('images/stone_bg.png'); background-color: #000; background-repeat: repeat-x;}

#header { background-image: url('images/fantasy_header.png'); background-repeat: no-repeat; height: 170px; min-height: 170px;}

    Quick Run-down:
    Body – Contains a repeating image starting from the top down to the gradient.

    Header – Is the image in the middle behind the banner. The image is 1024px by 170px. This image needs to blend with background image in the body.

    This worked fine when I first designed it using HTML/CSS. Thank you.

    [Please post code snippets between backticks or use the code button.]

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

  • I can’t see any obvious problems in either Firefox 7 or IE9.

    Thread Starter Frankie

    (@frankiebermudez)

    It’s faint on FF7 and I can see it on IE8. Hmmmm, now I’m wondering if I need to add a hack to my CSS. But it worked fine before throwing the layout on WordPress. It’s mind boggling.

    You might want to change your background images over to jpgs. I’ve found that older versions of IE tend to have problems blending colours when rendering png files.

    Thread Starter Frankie

    (@frankiebermudez)

    I was thinking the same. I’ll take your suggestion and convert the images…we’ll see.

    Thread Starter Frankie

    (@frankiebermudez)

    “Like a glove!” Ha, that worked! Thank you for the suggestion (PNG to JPG)…beautiful. Thanks!!!!

    No problem. It used to drive me up the wall too. ??

    Thread Starter Frankie

    (@frankiebermudez)

    …I was getting ready to start ripping apart CSS.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blending Header with Background’ is closed to new replies.