Re: [WSG] Pure CSS Pop-ups using images... but as background-images in span

[Julián Landerreche]

Hi,
Well,
Now, I have understood the solution.
I need to add a property to the a:hover rule.

a:hover {
border: none;
}

Voilà!
Now it works in IE6...
Weird, weird bug...

Julián


Julián Landerreche wrote:

Hi,

I'm playing with both Pure CSS Popup technics developed by Eric Meyer.

http://www.meyerweb.com/eric/css/edge/popups/demo.html
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

I'm wondering if there is any issue by doing a merging between both technics. I want to show popup images, but not by using <img> tags (the second technic).

So, my idea is to add an empty (or not) span tag inside the a tag.

Example:

<a href="http://www.mydomain.com/"; >Link text <span>text</span></a>

Then, in the stylesheet, I add something like this:

a span {
   display: none;
   background: url(image.jpg) left center no-repeat;
}

a:hover span {
   display: block;
   position: absolute;
   top: 0;
   left: 225px;
   width: 320px;
   height: 425px;
   z-index: 10;
   background: url(image.jpg) left center no-repeat;
}

I'm testing it and it seems to work flawlessly in Mozilla Firefox 1.0.6

But it doesnt work... guess where... in IE 6!!

Why it doesnt work? What am I doing wrong?

It seems to be exactly the SAME technic used by Eric Meyer in the Pure CSS Popup technics.

Thanks in advance.
Julián Landerreche




******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************

******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************