How do I detect the inherited background-color of an element using jQuery/JS?

by

This could be accomplished by using the parent() in a loop until you reach the body tag:

I’ve set up a quick jsfiddle site with a little demo based on your code.

Edit:
Good catch fudgey. After doing some testing it appears that IE7 will return 'transparent' instead of the rgba(0,0,0,0) value. Here’s an updated link which I tested in IE7, Chrome 7, and Firefox 3.6.1.2. Another caveat with this approach: Chrome/Firefox will return rgb(255,0,0); IE returned 'red'.

More Related Contents:

  1. How can I modify with css an image appended with javascript?
  2. How to have html popup appear over main html page?
  3. Write tags in HTML and print
  4. Change from (+) symbol to (-) after click (function(){
  5. How can i create html automatic change page? [duplicate]
  6. How to disable HTML links
  7. horizontal scrollbar on top and bottom of table
  8. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  9. Refresh/reload the content in Div using jquery/ajax
  10. Animate element to auto height with jQuery
  11. How to style “input file” with CSS3 / Javascript? [duplicate]
  12. Show and hide divs at a specific time interval using jQuery
  13. How to get nth-child selector to skip hidden divs [duplicate]
  14. How to auto-scroll to end of div when data is added? [duplicate]
  15. Disable dragging an image from an HTML page
  16. Use a new CSS file to override current website’s
  17. How to keep the menu state on page reload
  18. How can I change the font (family) for the labels in Chart.JS?
  19. Unusual shape of a textarea?
  20. I want to show list items as 2 or more columns (dynamic alignment)
  21. How to display Image dynamically on UI?
  22. CSS Textarea that expands as you type text [duplicate]
  23. Convert dropdown to selection boxes with color and trigger drop down action
  24. Placeholder for contenteditable div
  25. How to keep elements non-refreshed
  26. How do you swap DIVs on mouseover (jQuery)?
  27. Center an Image vertically and horizontally using CSS
  28. Change background on button click, using CSS only? [duplicate]
  29. Jquery/Javascript Opacity animation with scroll
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment