Autor Zpráva
repporello
Profil *
Ahojte,

Je nejako možné skombinovať v pozadí elementu s tým, že obrázok bude zapísaný ako inline v HTML (nemôže byť v externom CSS) a gradient bude v externom CSS (nemôže byť v HTML).

Myslím niečo takéto:
<div class="test" style="background-image: url('test.jpg')"></div>

.test {
background: linear-gradient(90deg,$colorWhite 50%,transparent 80%);
}

Funguje mi to len keď je to spolu v jednom zápise, to však v mojom prípade z určitých dôvodov nie je možné.

Ďakujem
Mlocik97
Profil
repporello:

nechápem dôvod, prečo by to nemohlo byť v jednom zápise. Niečo zrejme robíte špatne.
Bubák
Profil
Mlocik97:
nechápem dôvod, prečo by to nemohlo byť v jednom zápise. Niečo zrejme robíte špatne.
Myslím si to taky.

repporello:
Proč jedou deklarujěš obrázkové pozadí jako background a podruhé jako background-image? Prijde mi to nekonzistentní.
Nemůžeš deklarovat elementu jednou pozadí tak a podruhé onak, ve tvém případě přechod a obrázek. Máš dvě možnosti, vícenásobné pozadí, což z tajemného důvodu nechceš, nebo použít matjošku, dva zanořené elementy.

<div class="test" style="background-image: url('test.jpg')"><div></div></div>

Živá ukázka

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0