Hello All.
I am working on an extension that adds a box element with a browser in it to each open tab. The idea is that my plugin may display different content according to the url displayed in the tab. My current solution is a single box element overlayed to main-window, with several browsers that i hide/display according to the selected tab.
My problem is this: I want to make the browser elements transparent, so that if i display an HTML page with transparent background in them, the user will be able to see the HTML page displayed in the main window (that is, the user will be able to see the HTML page displayed in the currently displayed tab). When i set all relevent elements to display a transparent background, i still see the background of the "main-window" element. Only when i set main-window background to transparent, do i get the wanted result. However, that also means that i don't see the main firefox window (status bar, window pane etc.).
the overlay.xul looks something like:
and the browsers are created dynamically with something like this (JS) - popupBrowser.style.backgroundColor="transparent"; popupBrowser.style.color="transparent"; webguiBox.appendChild(popupBrowser);
So here are my questions: 1. Is there an element in main-window that i can set to be transparent so that only the document becomes transparent? 2. Is there a way to overlay a box on the main-window so that it may be transparent without displaying the main-window behind it?
Thanks,
oKeret