zIndex and GE Plugin

[Stanislav Chachkov]

We accidentally discovered that GEPlugin in FF or Safari under MacOS X
10.6 respects css z-index property:
you can place an HTML element on top of a GEPlugin instance using
"position:absolute" and z-index, without iFrame trick. That's
amazing!

Will that be ported to other OSes/browsers?

[michaelK123]

What version of plugin?

[Stanislav Chachkov]

6.0.1.2032

[Stanislav Chachkov]

Here a little video that shows and example of drag-n-drop between HTML
and GEPlugin:

http://www.youtube.com/watch?feature=player_detailpage&v=G6K4VqSttB0#t=4s

Notice that the dragged image is half-transparent

[Stanislav Chachkov]

Also works in Chrome.

On Mar 31, 5:31 pm, Stanislav Chachkov wrote:

[Mátyás Gede]

It works in FF / Win XP but not in Chrome / Win XP

[Nymor]

Thanks for this thread - I also noticed this a short time ago and
would love to get the lowdown on what has changed/whether shims are
needed now.

I saw it when I visited a link off the GE Blog that pointed to the
GETeach website - http://www.geteach.com/

The author of that site has a couple of menus (accessed from top-left
& bottom left of the GE pane) which overlay GE and it looks nice so I
thought I'd look at his technique. Looking in Firebug there are no
shims in sight and I have it working on:-

XP/FF
XP/Chrome
XP/IE8
Win7/FF
Win7/Chrome
Win7/IE8

I would dearly love to rid myself of the need for shims but don't want
to remove them just yet. An expert opinion would be greatly
appreciated.

Regards
Nymor

[josh258]

Nymor,

    Unfortunately for this thread, my site (geteach.com) does utilize the iframe shim technique for those menus. 

Thanks for the compliment,

Josh

[Nymor]

Hi Josh,

Again - nice site.

I must be easily confused then because when I look at your site in XP/
FF with Firebug I see no shims - just z-indexed divs? Do you only use
shims on certain platforms?

Puzzled
Nymor

[josh258]

Nymor,
   I do not use unique shims per browser.  After playing around with my test pages in FF, Chrome, and ie, it looks like if you set your iframe's src to "blank" and have not set a back-ground color for that iframe Firefox will not render that iframe. However, chrome and ie will still render the iframe. Therefore, when you assign the iframe a back-ground-color Firefox will render the iframe similar to the other browers. In other words, Firefox is making an assumption about blank and color free iframes that the other two browsers are not. For cross-browser compatibility I encourage you to keep your shims. I have often said that the most time consuming and cumbersome aspect of creating geteach.com is making the site look similar across most browsers.

Best of luck,
Josh