Force div to be topmost element of any and all webpages

I’m currently building an open-source plugin for Chrome. It’s pretty far done — but there’s a couple bugs I’m trying to sort out. Essentially, a div (injected into a page’s HTML) that moves throughout any and all webpages needs to be the topmost element so that it’s visible. This is achieved by z-index @ 999. On some webpages however, this doesn’t work!

Off the top of my head, the menu bar when you’re logged in at code.google.com overlays my div.

How do I force it to be the topmost when injected no matter what a web developer does?

Here’s my CSS for the div:

#ezselected {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position:absolute;
  border-radius: 15px;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 100, .80);
  -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 100, .80);
  /*box-shadow: 0px 0px 15px 5px rgba(255, 255, 100, .80);*/
  pointer-events:none; /* Make click-able through the DIV (for example, if it's on top of something with an event with kb) */
}

P.S., I tried !important to no avail.

Thanks!

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Failed to load resource: the server responded with a status of 404 (Not Found)
  3. How can I scroll to an element using jQuery?
  4. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  5. Bootstrap Dropdown menu is not working
  6. Change Background color (css property) using Jquery
  7. Set timeout for ajax (jQuery)
  8. How does the data-toggle attribute work? (What’s its API?)
  9. CSS height 100% percent not working
  10. Use images like checkboxes
  11. Completely disable scrolling of webpage
  12. Uncaught TypeError: Cannot read property ‘top’ of undefined
  13. Full-screen iframe with a height of 100%
  14. How to print HTML content on click of a button, but not the page?
  15. Bootstrap 4 Dropdown Menu not working?
  16. Why is the jquery script not working?
  17. Textarea Auto height
  18. Why is marquee deprecated and what is the best alternative?
  19. Refresh/reload the content in Div using jquery/ajax
  20. How to write inside a DIV box with javascript
  21. How to get height of div in px dimension
  22. Crop the image using JavaScript
  23. Retrieve the position (X,Y) of an HTML element
  24. How to display raw JSON data on a HTML page
  25. how to display a div triggered by onclick event
  26. Why is jquery show() not working in example
  27. jQuery scrollTop() method not working
  28. Change an image with onclick()
  29. JavaScript – Count Number of Visitor for Website
  30. Creating Accordion Table with Bootstrap
  31. Fully responsive HTML5 video
  32. How to create checkbox inside dropdown?
  33. Positioning
  34. Adding Google Translate to a web site
  35. Cannot read property ‘style’ of undefined — Uncaught Type Error
  36. How to make HTML element resizable using pure Javascript?
  37. How to use aria-expanded=”true” to change a css property
  38. How to set “style=display:none;” using jQuery’s attr method?
  39. WordPress Bootstrap Handburger Menu Wont Open
  40. Hide CSS class only in single post pages
  41. Maximum call stack size exceeded error
  42. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  43. ChartJS beginAtZero, min, max doesn’t work
  44. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  45. ReferenceError: $ is not defined
  46. React.js: Set innerHTML vs dangerouslySetInnerHTML
  47. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  48. jQuery.click() vs onClick
  49. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  50. Set cookie and get cookie with JavaScript
  51. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  52. Get class name using jQuery
  53. How to clear the canvas for redrawing
  54. How to change css property using javascript
  55. JavaScript get element by name
  56. JavaScript Loading Screen while page loads
  57. TypeError: Cannot Set property ‘onclick’ of null
  58. display variable image using cookies
  59. character counter – backspace doesn’t reflect on characters remaining
  60. Open URL in same window and in same tab
  61. How to convert selected HTML to Json?
  62. How would I call a javascript function in html?
  63. How to Open New window on every Click
  64. “.addEventListener is not a function” why does this error occur?
  65. Cannot read property ‘getContext’ of null, using canvas
  66. How to add multiple classes to a ReactJS Component?
  67. How to move an element after another element using JS or jquery?
  68. How to use Javascript to read local text file and read line by line?
  69. Change text on hover, then return to the previous text
  70. How to add onload event to a div element
  71. Print the contents of a DIV
  72. Embedding instagram webpage inside an iframe
  73. why angularjs ng-repeat not working
  74. Scroll to bottom of div?
  75. How to change the buttons text using javascript
  76. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  77. anchor jumping by using javascript
  78. FormData append not working
  79. How to change the text of a label?
  80. Using “&times” word in html changes to ×
  81. How do I store an array in localStorage?
  82. Changing the selected option of an HTML Select element
  83. img onclick call to JavaScript function
  84. Bootstrap Collapse not Collapsing
  85. How to scroll to top of page with JavaScript/jQuery?
  86. How to embed an autoplaying YouTube video in an iframe?
  87. Insert “javascript:void(0);” into URL
  88. How to display post content in the block editor
  89. My Button Default Click Is Not Working In WordPress Using Javascript Code
  90. Make a script work within a page
  91. prevent HTML output if custom field is empty [closed]
  92. WordPress getting css and script files from client machine rather than the server machine
  93. Add Paypal button redirect to a specific page after completing
  94. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  95. jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
  96. Possible jquery / library conflict in plugin usage
  97. Element works, but not on wordpress site [duplicate]
  98. Making the HTML list to a checkbox tree with the plugin jstree [closed]
  99. Styling parent based on a child element of a child in a WordPress page
  100. I have custom html mixed with inline javascript that I want added to my WordPress site, how do I achieve this?

Leave a Comment