Pereiti prie turinio

Reikia pagalbos dėl background image


Rekomenduojami pranešimai

Taigi, yra IPB forumas (nbacentral.lt). Reikia padaryti, kad būtų toks background:

 

http://www.part.lt/img/37541b49292216e48029a378be35fbf4231.png

 

Tačiau padaryti taip, kad apačioje būtų tas šviesulys visada ir viršuje. Štai pavyzdys:

 

http://www.part.lt/img/2bbab88ac20597de501dd217d97a6f2e681.png

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Nesu programuotojas, bet kaip aš įsivaizduoju, tai reikia iškirpti viršutinę dalį (balta - mėlyna), vidurį daryti su repeat, o galą irgi iškirpti.

 

kodas kažkas panašaus būtų toks:

background: url(virsus.png) top center no-repeat,
url(vidurys.png) center center repeat-y,
url(apacia.png) bottom center no-repeat;

 

arba didesniam performanc'ui galima ir viršų/apačią su repeat-x daryti.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

IE nepalaiko alpha kanalo (permatomumo), na galima ten apeit bet backgroundui geriau jpg naudok ir viskas bus ok.

Jei visgi reikia tai tada IE skirtame css faile reik nurodyt:

 

<div style=”position:relative; height: 188px; width: 188px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='images/image.png',sizingMethod='scale');”></div>

 

cia kaip pvz. Daugiau gali cia paziuret: Alpha trasparency

 

P.S. bet backgroundui tikrai nematau tikslo naudot failo su transparency.

Redagavo sn00
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Pavyzdys:

#multi-bg {
background: transparent url(images/bg-image-1.gif) top left repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg-image-2.gif', sizingMethod='crop'); /* IE6-8 */
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-image-2.gif', sizingMethod='crop')"; /* IE8 only */
}

Redagavo blacked
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prie body nurodžiau:

 

background: url(http://www.part.lt/img/3e82d4b619c4f4f2a1fb7b0baba52f42538.png) top center repeat-x,

url(http://www.part.lt/img/3b1f81199552d64bf1356ed0e728e721785.png) bottom center repeat-x,

url(http://www.part.lt/img/d0c556977be013b9a0cd3d7cdbdeb7ce811.png) center center repeat;

 

Viskas veikia su Opera, Chrome, FF, bet neveikia su IE. Kaip padaryti, kad veiktų ir su IE?

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...