z-order issue when stacking image layers

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Montag, 25. Mai 2009, 05:14

z-order issue when stacking image layers

When I stack up 3 overlapping images... the image that should be the 2nd / middle layer according to the z-order actually shows at the bottom of the stack.

I tested a variety of options / configurations... and noticed that when I up the layer to 6 total images... it's layer / level 3 that drops down to the bottom.

Here's a 6 layer sample... http://goto.marlincreek.com/layers/

It's just a bunch of black / blue sqr jpgs layed on top of each other.

Quellcode

<plugin name="layer1"
	url="black_sq.jpg"
	z-order="100"
	origin="center" x="" y=""
	width="700"  height="500"
	alpha="0.7"
	onhover="showtext(layer 1);"
/>

<plugin name="layer2"
	url="blue_sq.jpg"
	z-order="102"
	origin="center" x="" y=""
	width="600"  height="400"
	alpha="0.7"
	onhover="showtext(layer 2);"
/>

<plugin name="layer3"
	url="black_sq.jpg"
	z-order="104"
	origin="center" x="" y=""
	width="500"  height="300"
	alpha="0.7"
	onhover="showtext(layer 3);"
/>

<plugin name="layer4"
	url="blue_sq.jpg"
	z-order="106"
	origin="center" x="" y=""
	width="400"  height="200"
	alpha="0.7"
	onhover="showtext(layer 4);"
/>

<plugin name="layer5"
	url="black_sq.jpg"
	z-order="108"
	origin="center" x="" y=""
	width="300"  height="100"
	alpha="0.7"
	onhover="showtext(layer 5);"
/>

<plugin name="layer6"
	url="blue_sq.jpg"
	z-order="110"
	origin="center" x="" y=""
	width="200"  height="50"
	alpha="0.7"
	onhover="showtext(layer 6);"
/>

I've tried reverting back to version 1.0.7 to see where a bug might have shown up... but it's the same from 1.0.7 to the current version.

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com