On Jan 19, 11:56 pm, Aaron Boodman <[email protected]> wrote:
> You have to either hardcode the full absolute URL create that part of
> the CSS dynamically with javascript.
Thanks! Had a feeling that was going to be the deal. So, here's what I
did (for anyone that wants an example):
I left the CSS as a separate file and removed the background image
definition from it:
...
div#MailPop div.close {
position:absolute;
top:2px;
right:5px;
width:35px;
height:35px;
cursor:pointer;
}
...
In the Javascript I create the chrome-extension:// URL for the image:
...
var closeButtonURL = chrome.extension.getURL('images/overlay/
close.png');
...
The div's that I'm trying to apply this to begin as JavaScript strings
and are injected from the Javascript, so I add the background image in
there using the 'style' attribute:
...
var overlayDiv = '\
<!-- overlays --> \
<div class="MailPopOverlay" id="MailPop" style="background-image:url
('+bgImgURL+');"> \
<div class="close" style="background:url('+closeButtonURL+')"></
div> \
...
Then just inject it into the body:
...
$('body').prepend(overlayDiv);
...
That did the trick!
Cheers,
George
--
You received this message because you are subscribed to the Google Groups
"Chromium-extensions" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/chromium-extensions?hl=en.
