Ustawienie koloru dla tła na którym jest obrazek

Odpowiedz Nowy wątek
2019-07-17 16:17
0

Witam mam problem nie mogę ustawić koloru dla obrazka próbowałem na różne sposoby co może być przyczyną , że nie działa ?

background: red url(../images/hero-image.jpg) center no-repeat;
background-color: red;
background: url(../images/hero-image.jpg) center no-repeat;
background: red;
background: url(../images/hero-image.jpg) center no-repeat;

Pozostało 580 znaków

2019-07-17 16:37
1

Pierwszy (edit. jednak pierwszy nie, ponieważ background nadpisze też background color) i drugi przypadek powinien działać, pokaż proszę ten przykład tutaj https://jsfiddle.net/

edytowany 2x, ostatnio: Markuz, 2019-07-17 16:46

Pozostało 580 znaków

2019-07-17 16:41
0

https://jsfiddle.net/fyp98zob/

Pozostało 580 znaków

2019-07-17 16:43

Sugeruję:

background-color:red;
background-image:url('../images/hero-image.jpg');

edytowany 1x, ostatnio: Freja Draco, 2019-07-17 16:43
Własnie już miałem pisać jak mi się udało naprawić :D - Raloseq 2019-07-17 16:43

Pozostało 580 znaków

2019-07-17 16:45
0

A tak w sumie jak mam rgba(0,0,0,.3) to czemu nie widać obrazka pod spodem ?

U mnie widać. Obstawiam, że coś przy okazji popsułeś. - Freja Draco 2019-07-17 16:49

Pozostało 580 znaków

2019-07-17 17:03
1

http://i63.tinypic.com/2v3j3wg.jpg

Używa jakiegoś zabezpieczenia przed hotlinkowaniem, przekierowania albo coś.
Wyświetli się jako:

<img src="http://i63.tinypic.com/2v3j3wg.jpg">

ale już nie jako:
background-image: url('http://i63.tinypic.com/2v3j3wg.jpg');
albo po zwykłym wpisaniu adresu w przeglądarce.

Najlepiej w ogóle nie ufaj zewnętrznym grafikom.


edytowany 2x, ostatnio: Freja Draco, 2019-07-17 17:04

Pozostało 580 znaków

2019-07-17 17:06
0

Mam ją tutaj tylko po to żeby na jsfiddle zademonstrować lokalnie mam normalnie, a wynik taki sam

.app-header {
    height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    background-image: url(../images/hero-image.jpg) center no-repeat;
    background-size: cover;
    // background-attachment: fixed;
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

Pozostało 580 znaków

2019-07-17 17:10
1

Nie możesz użyć takiego zapisu:
background-image: url('a.png') center no-repeat;

Jak chcesz zbiorczo deklarować parametry to:
background: url('a.png') center no-repeat;


Pozostało 580 znaków

2019-07-17 17:13
0

Przy okazji, niepoprawne jest:
// background-attachment: fixed;
jedyny sposób wprowadzania komentarzy w CSS to:
/* background-attachment: fixed; */


Pozostało 580 znaków

2019-07-17 17:16
0

Z tymi komentarzami to tak ale jakoś na szybko mi łatwiej ctrl + / a co do obrazka to ani tak:

background-color: rgba(0, 0, 0, .6);
background: url(../images/hero-image.jpg) center no-repeat;

ani tak:

background: rgba(0, 0, 0, .6) url(../images/hero-image.jpg) center no-repeat;

nie działa

Pozostało 580 znaków

2019-07-17 17:24
0

Działa mi zarówno:

    background: rgba(0, 0, 0, .6) url(img/a.png) center no-repeat;

Jak i:

    background-color: rgba(0, 0, 0, .6);
    background: url(img/a.png) center no-repeat;

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0