# CSS/Layers help

**URL:** https://forum.kirupa.com/t/css-layers-help/62824
**Category:** web dev
**Created:** [August 31, 2004, 6:43pm UTC](https://forum.kirupa.com/t/css-layers-help/62824 "2004-08-31T18:43:58Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![wyclef](https://avatars.discourse-cdn.com/v4/letter/w/65b543/32.png) [@wyclef](https://forum.kirupa.com/u/wyclef)
#### Post date: [August 31, 2004, 6:43pm UTC](https://forum.kirupa.com/t/css-layers-help/62824/1 "2004-08-31T18:43:58Z")

</div>

is there a way to use css and layers and backgrounds to have 3 images that would have overlap each other move at different percentages based on the browsers width?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 31, 2004, 8:26pm UTC](https://forum.kirupa.com/t/css-layers-help/62824/2 "2004-08-31T20:26:53Z")

</div>

this is what i’ve started…

```auto

<div style="position: fixed; left: 47%; top: 112px; z-index: 2;">
			<img src="/i/l.gif" width="140" height="126" alt="" border="0" />
		</div> 
		
		<div style="position: fixed; left: 67%; top: 112px; z-index: 3;">
			<img src="/i/s.gif" width="140" height="126" alt="" border="0" />
		</div> 
		
		<div style="position: fixed; left: 27%; top: 112px; z-index: 4;">
			<img src="/i/h.gif" width="140" height="126" alt="" border="0" />
		</div> 

```

but i’m thinking thee imgs would all be background imgs because they would all be like 1200px wide and i wouldn’t want horizontal sscrolling. What do you think???