Pseudo-class Descendant Selectors in IE 6
How to use pseudo-class descendant selectors in IE 6
This is a rollover This is the hidden content
If you mouse over the "This is a rollover" text above, "This is the hidden content" should appear (even in IE 6!), even though it's a CSS-only solution. In the past, I thought this wasn't possible, because IE 6 doesn't support pseudo-class descendant selectors and I would use JavaScript as a workaround. However, I was wrong. Thanks to Trent Richardson, I learned there is a way to make IE 6 recognize pseudo-class descendant selectors.
The HTML:
<p><a href="/" class="rollover">This is a rollover <span class="tooltip">This is the hidden content.</span></a></p>
The CSS:
a.rollover span {
display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.rollover:hover {
background:;
}
a.rollover:hover span.tooltip {
display: block;
Last update—11 June 2008
Upcoming events
- 22 Jan 2009
- Cloud computing: 10gen's Mongo DBNew York Web Standards Meetup Group7:00 pm . theMechanism ( map)→ more
- 19 Feb 2009
- Google Maps APINew York Web Standards Meetup Group7:00 pm . theMechanism ( map)→ more
- 19 Mar 2009
- Web PerformanceNew York Web Standards Meetup Group7:00 pm . theMechanism ( map)→ more
- Support OneWebDay on Change.org
- Quick guide to Apache, Subversion and SvnX on Mac OS X
- NY Web Standards Meetup—Small Web Team Collaboration with Subversion
- NY Web Standards Meetup—Introduction to Kicking Ass with jQuery
- Adhesive 3.4.0 now available