Hello everybody!
I'm working on an asp.net 4 project in which I'm using a jquery plugin for displayig bubble popups on mouse over on certain elements. I started facing a problem with the borders of the plugin not displaying, and now after a while trying to figure what was wrong, I've narrowed the issue to the background images that are set as inline styles on the border elements not being displayed.
I tried somethning more simple like,
and voila! doesn't work. It's easier to solve it now i think but it's freaking weird.
The image exists and the span is displayed but no image on the background. I tried an empty HTML file with just that same code
and here the image is displayed! Both pages at the same level and with exactly the same code for the span element.
Also when i look in Firebug and roll the mouse over the image on the styles panel to the right, the preview of the image is shown for the test file, but when i do it on real page, then it says that it can't find the image.
One more thing I've noticed is that if I set the property in a CSS class then it works fine, it's just setting it through the inline styles what doesn't work.
Any ideas? Any help will be highly appreciated since I've been stuck on this for quite a while.
Thanks so much in advance,
/Kenia
I'm working on an asp.net 4 project in which I'm using a jquery plugin for displayig bubble popups on mouse over on certain elements. I started facing a problem with the borders of the plugin not displaying, and now after a while trying to figure what was wrong, I've narrowed the issue to the background images that are set as inline styles on the border elements not being displayed.
I tried somethning more simple like,
Code:
<span style="background-image:url(top-left.jpg);">testing</span>
The image exists and the span is displayed but no image on the background. I tried an empty HTML file with just that same code
Code:
<html> <head> <title>jQuery Bubble Popup - How to make a selectable Bubble Popup when mouse is overy</title> </head> <body> <span style="background-image:url(top-left.jpg);">testing</span> </body> </html>
Also when i look in Firebug and roll the mouse over the image on the styles panel to the right, the preview of the image is shown for the test file, but when i do it on real page, then it says that it can't find the image.
One more thing I've noticed is that if I set the property in a CSS class then it works fine, it's just setting it through the inline styles what doesn't work.
Any ideas? Any help will be highly appreciated since I've been stuck on this for quite a while.
Thanks so much in advance,
/Kenia
Comment