-1

I have several DIVs with z-indexes (like: z-index: 999991;). In Safari, this results that the Requests Dialog I have created appears behind some DIV's.

Is their a way to give the Requests Dialog a z-index or something so it will always appear on top of every DIV?

My Requests Dialog code:

<script src="http://connect.facebook.net/en_US/all.js"></script>
    <p>
    <input type="button"
      onclick="sendRequestViaMultiFriendSelector(); return false;"
      value="Send Request to Many Users with MFS"
    />
    </p>

    <script>
      function sendRequestViaMultiFriendSelector() {
        FB.ui({method: 'apprequests',
          message: 'Join me on Mahjong Solitaire!',
          exclude_ids: '<?php echo $friends_array; ?>'
        }, requestCallback);
      }

      function requestCallback(response) {
        // Handle callback here
      }
    </script>

Hope this is possible!

Maurice
  • 1,147
  • 2
  • 21
  • 49
  • Why do you have z-indexes that are so high? – Lix Jan 13 '12 at 23:02
  • It's a beta page so I use huge nrs (makes it easier to edit the z-index if you need to squeez a new DIV in) – Maurice Jan 13 '12 at 23:17
  • 1
    If you play with z-indexes that high you'll probably always be above things. It would be a mistake to do so. In the final version of the page i'm sure once you have returned the z-indexes to their normal range that things will work fine in all browsers. – Lix Jan 13 '12 at 23:21
  • Made the z-index smaller and this indeed worked, thanks! – Maurice Jan 13 '12 at 23:36

1 Answers1

0

Made the z-index smaller and this indeed worked!

Maurice
  • 1,147
  • 2
  • 21
  • 49