Sent by Bob Easton on 4 January 2005 12:12
Dave wrote:
> ... That works
> perfectly, and the menu is situated exactly where I want it. ...
>
> So now I am left with the switching of the text from English to
> Japanese on moving the mouse over.
> I have looked on the web for text swapping or text switching CSS
> techniques, but those terms seem to refer to different effects than the
> one I am after, and I'm not sure how else to describe it.
> I tried making the English text shrink to zero pixels, but not only
> is it still visible as a small black line, like any other effect I do to
> try and make the English text invisible, it also applies to the
> Japanese. I would have thought the descendant span would over-ride the
> parent span, but it's not so.
> Is this actually possible with CSS?
>
My "day job" beckons, so I don't have time to work up a test case. If I
did, I would abandon the bare span approach and use classes with those
spans and try selector constructions for the specific classes. Perhaps:
<li><a href="#"><span class="e">Information</span><span class="j">æƒ…å ±
</span></a>
note: the spans are separate, not nested.
and:
#nav a.j {display:none;}
#nav a.e:hover {display:none;}
#nav a.j:hover {display:inline;}
--
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/