---
title: "Transparent bild på bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/97275-transparent-bild-på-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "J.N."
published: "2004-02-13T16:46:27.000Z"
updated: "2004-02-16T15:47:35.000Z"
replies: 5
views: 252
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/97275-transparent-bild-på-bild"
---

# Transparent bild på bild

## #1 — J.N., 2004-02-13T16:46Z



Permalänk: https://www.webforum.nu/p/97275

## #2 — ejick, 2004-02-13T17:11Z

Är det såhär du menar?

```
.minbild1 {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 100px;
    left: 300px;
    z-index: 2;
}
.minbild2 {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 100px;
    left: 300px;
    z-index: 3;
}
...

<div class="minbild1"><img src="minbild1" width="200" height="200"></div>
<div class="minbild2"><img src="minbild2" width="200" height="200"></div>
```

Eller något annat sätt?

Permalänk: https://www.webforum.nu/p/1277447

## #3 — J.N., 2004-02-13T17:25Z

HEJ!

Nja, nästan, jag vill ha samma class för alla bilder, därför måste de positioner som finns vara med underbilden som utgångspunkt.

Fixar 'Relative' det i motsats till 'Absolut'? Har alltid endast använt 'Absolut'.

Permalänk: https://www.webforum.nu/p/1277453

## #4 — J.N., 2004-02-16T10:30Z

HEJ!

Nej, det fungerade inte, som jag trodde, ändrade till 'relative' istället, men hur får jag den andra bilden över???

```
.frame {
    position: relative;
    width: 125px;
    height: 120px;
    top: 0px;
    left: 0px;
    z-index: 3;
    //skulle behöva en img src här!
}
```

Permalänk: https://www.webforum.nu/p/1278486

## #5 — ejick, 2004-02-16T14:50Z

Du kan göra en div som du placerar enligt relative, sedan skapar du en ny i den så att säga och denna placerar du sedan absolute. Jag vet inte hur tillåtet det är men det har funkat för mig i IE i alla fall.

```
.minbild1 {
    position: relative;
    width: 200px;
    height: 200px;
    z-index: 2;
}
.minbild2 {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0px;
    left: 0px;
    z-index: 3;
}
...

<div class="minbild1"><img src="minbild1" width="200" height="200"><div class="minbild2"><img src="minbild2" width="200" height="200"></div></div>
```

Ungefär något i den stilen... Kanske?

Permalänk: https://www.webforum.nu/p/1278623

## #6 — J.N., 2004-02-16T15:47Z

HEJ!
 Tack för hjälpen, så här blev det:

```
.minbild1 {
    position: relative;
    width: 125px;
    height: 120px;
    z-index: 2;
}
.minbild2 {
    position: absolute;
    width: 125px;
    height: 120px;
    top: 0px;
    left: 0px;
    z-index: 3;
}

<div class="minbild1"><img src="/graphics/gepard.jpg" width="125" height="120"><div
class="minbild2"><img src="/graphics/frame.gif" width="125" height="120"></div></div>
```

Permalänk: https://www.webforum.nu/p/1278642

---

Tråden på webben: https://www.webforum.nu/amne/javascript/97275-transparent-bild-på-bild