Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Layer problem

Makarena

Startad av Makarena,
i Webbutveckling

Rekommendera Poster

Makarena

Makarena

Postad
Postad

Hej

Hur funkar layer egentligen.

Jag kan inte få det att fungera.

<html>
<head></head>
<body>
<layer name="kugel" z-index="0">
<img src="kugel.gif">
</layer>

<layer name="zyl" z-index="1" above="kugel">
<img src="zyl.gif">
</layer>

<layer name="spara" z-index="2">
<img src="spara.gif">
</layer>

</body>
</html>
De här 3 bilder ska ligga ovanpå varann men det gör dem inte:(

Varför?

Tack

Länk till kommentar
Dela på andra webbplatser
hasseo

hasseo

Postad
Postad

Så vitt jag vet är det <div>-taggen man använder som lager-tagg i andra browsers än Netscape 4. Typ:

 

<div id="hej" z-index=1><IMG src="bild.gif"></div>

 

Om du vill styra att de sitter precis ovanpå varandra så kan man ange vart de skall placeras på sidan:

 

<div id="hej" style="position: absolute; top: 10px; left: 150px;" z-index=1><IMG src="bild.gif"></div>

 

Om man anger samma position för alla tre lagren så vet man att det fungerar. Position: absolute anger att lagren skall ha just denna position oavsett vad som finns på sidan i övrigt.

 

 

Länk till kommentar
Dela på andra webbplatser
Makarena

Makarena

Postad
  • Trådskapare
Postad

Kan man ändra z-index mha en function i javascript?

t.ex så här:

 

document.div.hej.z-index=2

 

 

[inlägget ändrat 2002-10-14 23:35:49 av Makarena]

Länk till kommentar
Dela på andra webbplatser
hasseo

hasseo

Postad
Postad

Oooops! Jag märker att jag skrev fel i natt. Så här skall det vara:

 

<div id="ett" style="position:absolute; top: 10px; left: 10px; z-index: 1;"><IMG src="bild.gif"></div>

För att komma åt z-index med skript gör man så här:

 

ett.style.zIndex = 2;

 

OBS! att i script tar man bort bindestrecket mellan z och index och ersätter det med stort I.

[inlägget ändrat 2002-10-15 12:46:39 av hasseo]

[inlägget ändrat 2002-10-15 12:51:01 av hasseo]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...