jquery - DataTables plugin changes header & footer background color accidentally -


i'm using datatables jquery plugin display grid. have modal popup changes background color of entire form and, accidentally, background color of before mentioned table's header & footer background color. code used initialize popup:

var modalbackground = $("#modalbackground"); var notifications_archiveholder = $("#notifications_archiveholder"); var notifications_showarchivepopupholder = $("#notifications_showarchivepopupholder"); var archiveurl = "@url.action("archive")"; var showarchiveurl = "@url.action("showarchive")";  function showarchivepopup() {             $.get(archiveurl, function (content) {         if (notifications_archiveholder.html().length <= 10) {             notifications_archiveholder.html(content);             initarchivepopup();         }     }) }  function initarchivepopup() {            modalbackground.show();     //set positon     var h = $(window).height();     var w = $(window).width();     var hh = notifications_archiveholder.height();     var hw = notifications_archiveholder.width();     var posx = (h / 2) - 100;     var posy = (w / 2) - 200;     notifications_archiveholder.css("position", "fixed");     notifications_archiveholder.css("top", posx);     notifications_archiveholder.css("left", posy);      notifications_archiveholder.show();     $("body").css("overflow", "hidden"); } 

the popup hosted in following div:

<div id="notifications_archiveholder" style="background-color: white; display: none; z-index: 9999;"></div> 

and div who's css class makes entire background gray , changes table's header & footer background color:

<div id="modalbackground" class="graphicscreen" style="display: none; position: fixed; top: 0px; left: 0px;"></div>   .graphicscreen { position: fixed; width: 100%; height: 100%; margin: 0; padding: 50px; background-color: #878786; z-index: 9990; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } 

any idea why happens , how prevent ? in advance.

i found problem (with help): referencing jquery-ui.css in modal popup, , causing overwrite of properties of data table. curious..


Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -