Transparant Header Background

  • Hey,


    I've installed a Wordpress blog, and I started creating a theme (based on the default one) but I got a problem allready.
    As you can see at my website there's a purple box behind my transparant header image. I tried to remove that HEX-code but then the BG color turns white.
    I'm going to have the same probleem with the footer i think,
    I hope someone can help me out!


    Thanks in advance,
    DennizZ


    (P.S. You can reply in German, I understand German but can't write it myself)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Kann ich hier nicht nachvollziehen. Header und Footer sehen gut aus, mit blauem Hintergrund (Firefox 2, Opera 9)

    Nutzt du den Internet Explorer in Version 6? Dein Header-Bild ist ja ein PNG, möglicherweise mit Alpha-Transparenz? Die kann der IE6 nicht darstellen. Es gibt aber Workarounds mit Microsoft-spezifischen CSS-Eigenschaften (filter:) oder JavaScript.

  • For whatever reasons, you're re-assigning certain style parts continually inside your style.css (means, double entries of #page or #header..., and even in your html markup).

    But to the point.. the background turns white if you remove the purple bg color, 'cos the bg image kubrickbg.jpg has a white background color. :)

    wpseek.com - Die WordPress-Code-Suchmaschine

  • Kann ich hier nicht nachvollziehen. Header und Footer sehen gut aus, mit blauem Hintergrund (Firefox 2, Opera 9)

    Nutzt du den Internet Explorer in Version 6? Dein Header-Bild ist ja ein PNG, möglicherweise mit Alpha-Transparenz? Die kann der IE6 nicht darstellen. Es gibt aber Workarounds mit Microsoft-spezifischen CSS-Eigenschaften (filter:) oder JavaScript.

    I use Firefox 2, but I want to see the clouds background and not the purple/blue background what's behind the image. I have to get rid of this thing.

    Thanks for helping me out!

  • For whatever reasons, you're re-assigning certain style parts continually inside your style.css (means, double entries of #page or #header..., and even in your html markup).

    But to the point.. the background turns white if you remove the purple bg color, 'cos the bg image kubrickbg.jpg has a white background color. :)

    Is there any way to avoid that kubrickbg.jpg shows up in the header?

  • Code
    <style type="text/css" media="screen">
    #page { background: url("http://vespascene.nl/wp-content/themes/stylish/images/kubrickbg.jpg") repeat-y top; border: none; }
    </style>


    Tells that you do assign the bg image to the #page div wrapper, which itself wraps around #header as you can see in the source.. means, as long as you have an background set to #page, #header is affected aswell..

    As for a random guess, you could wrap the #content with another shiny div and set up the bg image for that div in particular.

    wpseek.com - Die WordPress-Code-Suchmaschine

  • I removed the background of #page and the background-color of #header from your style.css and also from your header.php (generated by the theme IIRC). Then the clouds appear in the header, but it's still not correct. Hope this helps to get you in the right direction ;-)

    Try using Firebug for debugging the CSS.

  • Code
    <style type="text/css" media="screen">
    #page { background: url("http://vespascene.nl/wp-content/themes/stylish/images/kubrickbg.jpg") repeat-y top; border: none; }
    </style>

    Tells that you do assign the bg image to the #page div wrapper, which itself wraps around #header as you can see in the source.. means, as long as you have an background set to #page, #header is affected aswell..

    As for a random guess, you could wrap the #content with another shiny div and set up the bg image for that div in particular.

    Hmm... Thanks for the help.
    I'm not quitte sure what you mean by this? Should I cut the background part out of the header and page and put it in the content?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!