2017-10-26 3 views
0

Ich hatte eine gute Suche durch die Website und ich konnte keinen Verweis auf dieses Problem finden, und es ist nicht etwas, das mir passiert ist, bevor.Hinzufügen von img zu div ändert Hintergrundfarbe

Neugestaltung meiner Website durch Aktualisierung der CSS. Prüfgelände ist hier:

http://www.thesadsongco.com/new_index.php

CSS ist hier:

http://www.thesadsongco.com/includes/styles/tssc_17.css

ich auf Chrome 61.0.3163.100 und Safari 11.0 für OSX bin sehen.

Abgesehen von ein paar Sachen Styling hr das einzige Element mit einer Hintergrunddefinition ist der Körper, so dass das Hintergrundbild durch alle divs mit Inhalt zeigen kann, und es funktioniert gut mit dem Text. Sobald ich jedoch ein Bild zu einem Div hinzufüge, nimmt es die Hintergrundfarbe auf. Es ist möglich, auf der new_index.php in der Fußzeile zu sehen, aber es ist viel mehr hier offensichtlich:

http://www.thesadsongco.com/news2017.php

Was bin ich?

Antwort

1

Position ändern: absolut; positionieren: fixiert; im Körper :: nach dem Unterricht so.

body::after { 
content: ""; 
background-image: url(../../media/2017/web_resources/images/worth_page_bg.jpg); 
background-repeat: no-repeat; 
background-position: center top; 
background-attachment: fixed; 
background-size: 40%; 
opacity: 0.5; 
filter: alpha(opacity=50); 
top: 0; 
left: 0; 
bottom: 0; 
right: 0; 
position: fixed; 
z-index: -1; 
} 

Hope this Hilfe

+0

es als Antwort akzeptieren, wenn Sie es nützlich gefunden, so dass sie anderen helfen können. –

+0

Das ist es, danke. Ich werde nachlesen, um die Lösung zu verstehen. – user2306868

Verwandte Themen