Blochează imaginea (fundal din cauciuc)

Codul imaginii (schimbarea poziționării nu este la ceea ce rezultă acest lucru nu a condus, întotdeauna același lucru merge)

Telepați în vacanță.
De aici nu vă puteți vedea undele de cauciuc, logo-urile, cum să săriți, ce atașați sau cum doriți să fie atașate. Fără acest lucru este dificil să te ajuți.







Ar fi interesant să vedem exemplul însuși.

O "poziție: relativă"? Ideea este că, dacă face poziționarea logo-ul în fundal, atunci când fereastra este redimensionată (F11 -? Full Screen, dreapta), aceste două elemente ar trebui să fie schimbate împreună.

yury, a redactat mai detaliat problema, vă rog, puteți să-mi spuneți ceva

ShadowCoder, Nu. Au încercat opțiuni diferite, nimic nu iese, rușine, te rog, ai editat subiectul mai detaliat







Problema este că ați ales să scalați fundalul la dimensiunea ferestrei browserului, consultați proprietatea
în consecință, atunci când schimbați dimensiunea ferestrei, se modifică atât dimensiunea fundalului, cât și poziția imaginii.
Rețineți că modificarea dimensiunii ferestrei ferestrei browserului poate să apară nu numai pe diagonală, când înălțimea și lățimea variază proporțional, dar și independent, când se modifică numai lățimea sau înălțimea. În cazul tău, acest lucru va duce la distorsiuni de fond disproporționate. Ești sigur că ai nevoie de asta?

Pentru schimbarea sincronă poziția logo-ul posibil pentru el să se stabilească poziția absolută cu margini ca procent din dimensiunea blocului părinte (și nu uitați bloc-mamă a da proprietatea ca standard de poziționare absolută este numai în astfel de blocuri).
Alternativ, puteți lipi logo-ul în imaginea de fundal pentru schimbarea lor proporțională.
Dar având în vedere distorsiunile menționate mai sus, toate acestea vor arăta foarte strâmb.

Un fundal de cauciuc normal este de obicei realizat de o placare a fundalului (un fundal care acoperă o textura repetată fără sudură). În acest caz, nimic nu sare sau nu denaturează nicăieri.







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: