Avaleht
uus teema   vasta Tarkvara »  WWW »  CSS: taustapilt + gradient märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
kpihus
Kreisi kasutaja
kpihus

liitunud: 14.04.2003
sõnum 18.06.2013 23:21:47 CSS: taustapilt + gradient vasta tsitaadiga
Ahoi,

On üks kaasus, kus on vaja body elemendile tekitada taustaks ruuduline muster koos läbi kumava (vertikaalse) gradiendiga.
Näide

Vanakooli meetodiga oleks lihtne lõikaks ühe ruudu laiuse vertikaalse riba ja paneks X telge pidi kordama, aga sedasi kaob pikkuse dünaamilisus ära.

Mõtlesin et prooviks CSS'iga lahendada, tegin läbipaistva ruudustiku ja plaanisin kahte tausta elementi korraga kasutada. Ühtlase taustavärviga see isegi toimib, aga gradiendiga on probleem.

Kui ma kasutan gradienti...
background: linear-gradient(to bottom,  #313130 0%,#696969 100%);

...ja taustapilti...
background-image: url('../images/bodyback.png');

...korraga, siis sõidab viimane esimesest üle.

Seega küsimus lihtne, kuidas saada taustapilt koos gradiendige õnnelikult koos elama ?
Kommentaarid: 26 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 25
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
DoS
HV veteran
DoS

liitunud: 19.08.2002
sõnum 18.06.2013 23:46:07 vasta tsitaadiga
css:
  1. background-image: url('../images/bodyback.png'), linear-gradient(to bottom,  #313130 0%,#696969 100%);
Kommentaarid: 50 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 47
tagasi üles
vaata kasutaja infot saada privaatsõnum
kpihus
Kreisi kasutaja
kpihus

liitunud: 14.04.2003
sõnum 18.06.2013 23:52:28 vasta tsitaadiga
DoS kirjutas:
css:
  1. background-image: url('../images/bodyback.png'), linear-gradient(to bottom,  #313130 0%,#696969 100%);


no näed, kõik geniaalne on lihtne, tänud.
Kommentaarid: 26 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 25
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  CSS: taustapilt + gradient
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.