Bilder verschwinden, wenn die Höhe erhöht wird. Warum?

Ich versuche eine Parallaxeseite zu erstellen, aber wenn ich das Platzhalterbild zu dem Bild ändere, das ich verwenden werde, verschwindet das neue.Bilder verschwinden, wenn die Höhe erhöht wird. Warum?

Die Breite der beiden Bilder ist gleich, und die Höhe ist unterschiedlich. Muss ich das Stylesheet oder den Quellcode ändern?

Der Stylesheet-Code ist:

#intro .story{ 
    background: url (images/LAYER2 TEXT RIGHT.png) 50% -0px no-repeat fixed; 
    height: 3798px; 
    position: relative; 
    width: 1024px;

Im Quellcode ist es nur platziert, wie:

</head> 
<body> 
<div id="intro">

So gibt es nichts wirklich dort etwas Besonderes.

Quelle

2012-04-09 Nata2ha Mayan2

In welchem Browser und in welcher Version? – some

Ihre Hintergrundeigenschaften sind in der falschen Reihenfolge. Es sollte 'background: url (Bilder/LAYER2 TEXT RIGHT.png) no-repeat fixed 50% 0;'. Außerdem würde ich versuchen, Leerzeichen im Dateinamen zu vermeiden. – bfavaretto

Nun, es erscheint nicht einmal in Dream Weaver .... –

sollten Sie die zusätzlichen Leerzeichen aus dem Image-Namen entfernen.

#intro .story{ 
    background: url("images/LAYER2-TEXT-RIGHT.png") 50% 0px no-repeat fixed; 
    height: 3798px; 
    position: relative; 
    width: 1024px;

Quelle

2012-04-09 00:50:53 undefined

Das Problem könnte in Ihrem CSS sein. #intro .story ist der Selektor für das Element mit dem Klassennamen "story", das ein Kind des Elements mit der ID "intro" ist.

Da Sie das Kind des Intro nicht gezeigt haben, nehme ich an, dass Sie vielleicht das Bild auf das div # -Intro anwenden wollten.

Wenn das nicht das Problem ist, können Sie dann das neue Bild in Ihrem Browser laden, wenn Sie direkt zu dieser Bild-URL gehen? Mit anderen Worten: Sind Sie sicher, dass Sie den Namen richtig schreiben und sich das Bild an dem von Ihnen angegebenen Ort befindet?

Da Ihr anderer Platzhalter geladen wird, deutet dies darauf hin, dass der neue möglicherweise nicht korrekt referenziert wird. Sie könnten versuchen, ein paar verschiedene Bilder unterschiedlicher Größe zu laden, um mehr über das Problem zu erfahren.

Quelle

2012-04-09 00:34:36 jmort253

Bilder verschwinden, wenn die Höhe erhöht wird. Warum?

Antwort

Verwandte Themen