Just nu i M3-nätverket
Jump to content

Layer problem


Makarena

Recommended Posts

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

Link to comment
Share on other sites

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.

 

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

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



×
×
  • Create New...