2010-12-18 15 views
0

Ich benutze ein Bild als Hintergrund. Hier ist die CSS für das divwarum ist mein css hintergrund tranparent?

#bkground { 
    width: 1100px; 
    margin-left: auto; 
    margin-right: auto; 
    background: url(images/carbon_fiber2.jpg) ; 
    background-repeat: no-repeat; 
    background-position: center top; 
    /*background: black;*/ 
} 

In firebug es zeigt sich als

#bkground { 
    background: url("images/carbon_fiber2.jpg") no-repeat scroll center top transparent; 
    margin-left: auto; 
    margin-right: auto; 
    width: 1100px; 
} 

Woher kommt der tranparent herkomme Einstellung und wie kann ich das Bild richtig angezeigt?

Dank

+0

Können Sie bitte auf die Live-Site verlinken? Oder eine Demo? –

+0

Ich habe es hochgeladen. Was ich möchte, ist ein schwarzer Hintergrund für den Browser und dann das Bild als Hintergrund für das Wrapper div. Zur Zeit wird nur der Browser angezeigt. http://www.racefightclub.com/dev/index.php – nktokyo

+1

Da Sie gesagt haben, dass Sie Firebug verwenden, können Sie überprüfen, ob die Anfrage für die URL images/carbon_fiber2.jpg unter der Registerkarte "Net" erfolgreich ist? – Chandu

Antwort

0

Ich denke, das transparente Bit, wird auf die Hintergrundfarbe bezieht, eine Farbe (als Backup, wenn das Bild nicht gefunden wird) haben kann und ein Bild. Firebug fügt nur die Standardwerte hinzu, die angewendet werden, die Sie nicht überschrieben haben. Und der Standardwert für Hintergrundfarbe ist transparent. Das Bild sollte trotzdem angezeigt werden, wenn es gefunden wird, also vermute ich, dass es nicht ist und stattdessen die transparente Hintergrundfarbe angezeigt wird.

Das erste, was ich bemerken ist, dass Ihre URL Bild ist in der CSS nicht in Anführungszeichen. Ich würde das zuerst versuchen.

So

background: url('images/carbon_fiber2.jpg') ; 

Siehe Kommentare, ich habe zuverlässig darüber informiert, dass Zitate sind nicht erforderlich.

Dann nur eine Ahnung, aber schließen Sie die CSS von einer Seite im Stammverzeichnis Ihrer Website ein? Wenn nicht, können Sie den Pfad absolut vornehmen müssen, dh

background: url('/images/carbon_fiber2.jpg') ; 
+0

Ich stimme Ihrer zweiten Vermutung zu. Außerdem sollten Anführungszeichen keine Rolle spielen. Siehe Antwort unter: http://stackoverflow.com/questions/2168855/css-url-whats-better – mg1075

+0

@ mg1075. Das wusste ich nicht. Dachte, die Zitate waren erforderlich. Vielen Dank. Das spart ein paar Bytes, wenn ich über einen Optimierungskick bin! – tjm

+0

danke für die Hilfe. Ich weiß nicht, was das Problem verursacht hat, möglicherweise ein paar widersprüchliche CSS, aber ich habe den Effekt, den ich auf einem neuen Stylesheet haben will und werde allmählich alles migrieren, um zu sehen, was es ausgelöst hat. – nktokyo