title: Use jQuery to make element on page modal (not dialog)
body: <p>I'm fairly new to jQuery, so hopefully this isn't too tough. I'll try to stick to a simple example. </p>
  
  <p>Let's assume I have a web page with a div on it (could be other elements such as img, span, etc). When the user hovers over that div, I'd like the div to remain unchanged, but have an overlay applied to everything else so the rest is grayed out. So essentially it would make this div look like it was modal (similar to a modal dialog). I'd want the div to remain in the same location, have the same background color, etc.</p>
  
  <p>I've found examples of doing a modal dialog, but it always centers in the screen. The functionality would work if I could leave the element in the same place. Any ideas?</p>
  
  <p>Thanks!
  Jim</p>