Sie sind nicht angemeldet.

absolute div and z-index bug

360hd

Anfänger

  • »360hd« ist der Autor dieses Themas

Beiträge: 3

  • Nachricht senden

1

Freitag, 7. Juni 2013, 17:41

absolute div and z-index bug

Hi everybody,
look at this website : http://www.relaisdupontneuf.fr/
Krpano are located at the bottom right of the page


When i switch to fullscreen on a pc by clicking the image : no problem and no bugs
When i switch to fullsceen on a android device, the slider of images don't disappear. It seems to be a z-index problem due to the z-index absolute position of the slider image

Any solution ?
Thanks ?

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Montag, 10. Juni 2013, 20:43

Hi,

see here notes about HTML5 fullscreen:
http://krpano.com/docu/actions/#fullscreen

That means when the real HTML5 fullscreen mode is NOT supported (e.g. like in the Android WebView browsers), then the krpano viewer tries to resize and position itself to cover the full page. But this can be problematic and conflicting on complex html pages of course.

Additionally the stock/WebView-based Android browsers itself are very buggy and unreliable regarding CSS3D, many display errors are related to this. The Android Chrome browser is better here, there also the HTML5 fullscreen-mode is supported.

An other page design where the pano will be opened in a new browser window/tab would be probably the better solution...

Best regards,
Klaus

360hd

Anfänger

  • »360hd« ist der Autor dieses Themas

Beiträge: 3

  • Nachricht senden

3

Mittwoch, 12. Juni 2013, 15:30

Hi,
I have read the fullscreen specifications.
I 'm testing with Android Chrome browser (last version). Fullscreen mode would be ok ...

The panoramic rendering is perfect and very smooth in fullscreen mode, except that the slider of my website (jquery Cycle) stays over the krpano rendering.

So... i don't understand

360hd

Anfänger

  • »360hd« ist der Autor dieses Themas

Beiträge: 3

  • Nachricht senden

4

Donnerstag, 13. Juni 2013, 10:50

In fact, mobile android chrome v27 doesn't support fullscreen mode
So, absolute div of my image slider stays in front of the krpano HTML5 viewer

I try to change zindex value but no way

So, i need help

Thanks

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Donnerstag, 13. Juni 2013, 19:20

Hi,

Zitat von »360hd«

In fact, mobile android chrome v27 doesn't support fullscreen mode
Right, Android Chrome 28 (currently Chrome Beta) is the first one with HTML5 Fullscreen API support.

Zitat von »360hd«

So, absolute div of my image slider stays in front of the krpano HTML5 viewer

I try to change zindex value but no way
The problem here is the - the viewer only resizes itselfs to be fill the full window, but it can't modify other html page elements that eventually have higher zindex values.

Best regards,
Klaus

Ähnliche Themen