Media area - Wuthering - linktree

Alanthar

  • Congratulations. :)
  • Posts: 22

Arantor

  • As powerful as possible, as complex as necessary.
  • Posts: 14,278
Re: Media area - Wuthering - linktree
« Reply #1, on November 2nd, 2012, 08:02 PM »
This is funky and I almost want to chalk it up to a browser bug.

See, the linktree - including those components - are specified as being z-index 1, while the help popup (not so much the background blackout part) is z-index 999 - yet the browser is not organising it properly. That's true for Chrome 22 based on the above and for Chrome 23 for me.

Meanwhile in Firefox 15 (which is what I have right now), it works semi-properly - when the blackout background kicks in, the gradient corner bits disappear until the background disappears again.
When we unite against a common enemy that attacks our ethos, it nurtures group solidarity. Trolls are sensational, yes, but we keep everyone honest. | Game Memorial

Alanthar

  • Congratulations. :)
  • Posts: 22
Re: Media area - Wuthering - linktree
« Reply #2, on November 2nd, 2012, 08:32 PM »
These things are to blame that I got to loooooooooove web programming/design compared to bland old desktop/console stuff. *readbetweenthelineseveniftheresnolinebreakinthispost/tm*

Nao

  • Dadman with a boy
  • Posts: 16,079
Re: Media area - Wuthering - linktree
« Reply #3, on November 2nd, 2012, 08:43 PM »
Hmm... If Chrome, Opera and Firefox exhibit the same behavior, it's not a browser bug... Rather a flawed algorithm.
Anyway-- this is easily fixed by setting z-index to 1 on #help_pop, according to my (pretty much random) local tests.
I've uploaded the fix to wedge.org, please test on different browsers and post again if you find any issues!

Ps: I'm only starting to get into the new topics and discussions on the alpha. I've been a bit busy IRL. Or maybe I just wanted to take that dreaded break...
Posted: November 2nd, 2012, 08:40 PM

Oh, BTW, I'm aware that this linktree is hardly going to work from the get-go on all browsers. For instance, Firefox tends to offset the rounded borders to the top (extra kudos to anyone who finds a fix to that that doesn't involve browser sniffing, because that's what I'm heading for... And even then, the problem fixes itself when trying to view the page in Firebug, yay........)

Also, Opera had issues with border-radius and the negative margin. Heck, I'm probably going to have to do browser sniffing for every damn browser, but it's still better than these annoying PNG files everyone tends to use... :P

Arantor

  • As powerful as possible, as complex as necessary.
  • Posts: 14,278
Re: Media area - Wuthering - linktree
« Reply #4, on November 2nd, 2012, 08:45 PM »
Quote
Hmm... If Chrome, Opera and Firefox exhibit the same behavior, it's not a browser bug...
Except I never tried Opera but Chrome and Firefox do completely different things. Chrome misplaces the z-indexes, Firefox hides them entirely when the popup is active.

Nao

  • Dadman with a boy
  • Posts: 16,079

Alanthar

  • Congratulations. :)
  • Posts: 22
Re: Media area - Wuthering - linktree
« Reply #6, on November 2nd, 2012, 08:50 PM »
Seems to work in the IEs and Chrome. Wont upload a pic - with uploading a bmp I would hurt myself more than i could possibly annoy you. ;)