|
|
Posted by Ben C on 02/07/07 22:28
On 2007-02-07, dorayme <doraymeRidThis@optusnet.com.au> wrote:
> In article
><1170855995.229804.298340@q2g2000cwa.googlegroups.com>,
> "jollyroger" <allpurposebox@gmail.com> wrote:
>
>> I have a page that I want to have a little gif image (40 x 40) float
>> or hover above the page content in a fixed position, something similar
>> to those dhtml popups you see on some sites that always get in the
>> way :)
>>
>> I would like to also make it a link to another page within my site.
>>
>> Can someone please tell me if this is possible using css and cross
>> browser compatible?
>>
>> thanks!!
>
> You could do something like:
>
><http://members.optushome.com.au/droovies/test/floatingImg.html>
>
> The link bit will be evident with the "hand" icon only for the
> part of the image that is clear of the text. This can be changed
> and make it always evident by changing the z-index but this then
> makes the image block out the text, something you may not want.
Unfortunately your example with z-index:-1 hits a Firefox bug. The red
square should go behind the text but Firefox puts it right behind the
body background and you can't see it at all.
Opera and Konqueror draw it in the right place, but don't let you click
on it, I suppose on the grounds that the text is in the way so the red
box isn't directly under the mouse, even the bits of it you can see.
Navigation:
[Reply to this message]
|