Sie sind nicht angemeldet.

zorder in html5 on mobile device not work

abmcr

Schüler

  • »abmcr« ist der Autor dieses Themas

Beiträge: 49

  • Nachricht senden

1

Mittwoch, 2. Juli 2014, 09:19

zorder in html5 on mobile device not work

I have this simple example

http://comunivda.it/champorcher/test.html?html5=only

The red line (hotspot with zorder=10 t) is under the yellow hotspot (zorder=90): when you click on the yellow image a tooltip appear.
This is an HTML5 example;
The code of two hotpsot is very basic

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13

		<hotspot name="sentiero_4" url="percorsi/9f.png" 
		capture="false" handcursor="false" zorder="10"
		ath="222.418334" atv="9.174375" distorted="true" rx="0" ry="0" rz="4.184829" width="714" height="351" scale="0.512904" 
	    />
	    
	    <hotspot name="segnavia3" url="images/AV2.png"  ath="215.648533" atv="4.739349"  style='fumetto' tooltip="Alta Via 2 - TdG tappa 3"/>	

		
	</scene>	
	
	<style name="fumetto"
			zorder="90"
...




If the page is viewed into a mobile device, the zorder is not correct and the red line hotspot is over the yellow image
I attach a screenshot with a Firefox Browser and IPhone simulator

The strange behavior is the mobile browser, not the html5 krpano mode

May be a bug?
»abmcr« hat folgendes Bild angehängt:
  • 10.jpg

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Donnerstag, 3. Juli 2014, 10:55

Hi,

this is a limitation of the iOS CSS3D rendering system, but there is a special setting that could help in this situation:

Try adding zorder2="1.0" to the yellow hotspot:
http://krpano.com/docu/xml/#hotspot.zorder2

Best regards,
Klaus

abmcr

Schüler

  • »abmcr« ist der Autor dieses Themas

Beiträge: 49

  • Nachricht senden

3

Freitag, 4. Juli 2014, 12:01

Thank you: i haven'tread the doc
All work fine with zorder2

Ähnliche Themen