Cant get DataTables to stop showing over certain elements, despite what the z-index is set at

Cant get DataTables to stop showing over certain elements, despite what the z-index is set at

jLinuxjLinux Posts: 981Questions: 73Answers: 75

Im using jQuery-notify for some alerts, but I cant get the tbody element of DataTables to stop showing over the alerts. Even if I set the alerts z-index to something like 10000000

Im sure someones ran into this.... any idea?

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin

    There is probably something else that is creating another context. Have you got a link I can checkout?

    Allan

  • jLinuxjLinux Posts: 981Questions: 73Answers: 75

    I was trying to get an example workin for ya, but I cant get the jquery-widget source included due to browser security reasons, and just adding the JS fails >_<

    https://jsfiddle.net/1c77yq0z/

  • jLinuxjLinux Posts: 981Questions: 73Answers: 75
  • jLinuxjLinux Posts: 981Questions: 73Answers: 75

    Nevermind, figured it out.... apparently the z-index: 100; needs to be on the div#container, not the div.ui-notify-message... Thanks :-D

  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin
    Answer ✓

    Thanks for the update - good to hear you've got it working.

    Allan

This discussion has been closed.