Just nu i M3-nätverket
Jump to content

Bakgrundsbild med CSS


Petsk_

Recommended Posts

Är det möjligt att "dra ut" (förstora) en bakgrundsbild med hjälp av CSS?

Jag har en tabell som jag vill ha en bakgrundsbild i, i själva tabellen kommer text och ju mer text desto större blir ju tabellen. Bildens storlek ska alltså minskas och förstoras efter behov. Tänk dej att bilden är ett fotografi av en solnedgång el dylikt, alltså e den inte enfärgad el har nåt mönster.

Jag har prövat med det vanliga:

 

   BACKGROUND-IMAGE: url(bild.jpg);
   BACKGROUND-REPEAT: repeat;

 

Men då kommer ju bara samma bild efter varandra istället för att "dras ut" till ett större format.

 

 

 

Om det är möjligt hur skulle en såndan kodsnutt se ut isf? Om de inte e möjligt med CSS, finns det någon annan teknik man kan använda?

 

 

 

Mycket tacksam för svar.

 

mvh,

Peter

 

[inlägget ändrat 2004-08-27 00:13:17 av Petsk_]

[inlägget ändrat 2004-08-27 00:14:21 av Petsk_]

Link to comment
Share on other sites

Tror inte det går med background.

Prova med lager:

 

<div id="Lager1" style="position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:0">

<img name="bild" border="0" src="bild.gif" width="100%" height="100%"></div>

 

Där z-index styr vad som ligger överst/underst.

 

Link to comment
Share on other sites

Tack så mycket för förslaget men tyvärr så fixar inte lager detta :(

 

Bilden blir ju förstorad, inget problem så långt.

Men...

att börja med så stöds lager relativt dåligt av webbläsare, t ex klarar inte Opera av lager element så värst bra. Alltså vill ja helst undvika lager så långt det går.

För det andra så ska text, grafik och alla möjliga andra element placeras _inne_ i samma lager, innehållet tas från en databas. Det är innehållet som ska styra hur mycket lagret ska dras ut, dvs bakgrundsbilden följer med och blir större på samma gång som t.ex. mer text visas. I och med detta så fungerar ju inte lager funktionen alls längre eftersom att man inte kan placera ett element ovanpå ett annat element i _samma_ lager.

 

Tack ändå ;)

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...