2016-08-09 101 views
0

Das Problem ist, dass ich linear-Farbverlauf mit Hintergrundbild gebündelt habe. Der Farbverlauf legt eine schwarze Überlagerung über das Bild. Gibt es eine Möglichkeit, den Farbverlauf zu entfernen? Das Bild sollte gleich bleiben.Linear-Farbverlauf aus Hintergrundbild entfernen

background:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)), url(http://localhost/wordpressfree/wp-content/uploads/2016/08/block1.jpg); 

Ich habe versucht Hintergrundfarbe: keine! Wichtig; und viele weitere Eigenschaften, aber es funktioniert nicht. Ich würde mich freuen, wenn jemand mit diesem speziellen Problem umzugehen weiß. Google hat nicht geholfen.

EDIT: Dies ist auf einer Kundenseite, also kann ich das Stylesheet nicht bearbeiten. Ich brauche eine Möglichkeit, den Gradiententeil zu übersteuern. Und auch das Hintergrundbild kann von den Benutzern geändert werden (kann Bild nicht fest kodieren). Ich kann nur Benutzer CSS-Code zur Verfügung stellen, die oben auf der Seite hinzugefügt werden. also ist ein überragender gradient meine beste wette.

+0

'background: url (http: //localhost/wordpressfree/wp-content/uploads/2016/08/block1.jpg);' ist dies nicht was Sie suchen – Andrew

+0

Nein, dies ist auf einer Client-Seite, so dass das Beste, was ich tun kann, ist, einen Code zur Verfügung zu stellen, um den Gradienten zu überfahren, ohne Hintergrundbild zu entfernen. So kann ich nicht Stylesheet –

+0

bearbeiten Sie können es sagen, um 2 Dinge zu tun. sagen Sie es zuerst: 'background: none;' dann weiter unten in Ihrem Stylesheet sagen Sie, wie der Hintergrund gestylt werden soll – Andrew

Antwort

4

Entfernen Sie einfach den linear-gradient Teil.

background: url(http://localhost/wordpressfree/wp-content/uploads/2016/08/block1.jpg); 
+0

Erläuterung hinzugefügt, Da eine Website eines Kunden, ich brauche eine Möglichkeit, diese Gradient Teil zu überfahren, ohne Hintergrundbild zu entfernen. –

0
background: url(http://localhost/wordpressfree/wp-content/uploads/2016/08/block1.jpg); 

oder:

background-image: url(../images/help/community.svg); 
background-repeat: no-repeat; 
background-position: center center; 
+0

Bitte beachten Sie die zusätzliche Erklärung. –

+0

Während dieses Code-Snippet die Frage lösen kann, hilft [einschließlich einer Erklärung] (// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) wirklich, die Qualität Ihres Posts zu verbessern. Denken Sie daran, dass Sie die Frage für Leser in der Zukunft beantworten, und diese Leute könnten die Gründe für Ihren Codevorschlag nicht kennen. Bitte versuchen Sie auch nicht, Ihren Code mit erklärenden Kommentaren zu füllen, dies reduziert die Lesbarkeit sowohl des Codes als auch der Erklärungen! –