Forum Moderators: not2easy
The challenge though, is the following:
I want just the hovered element to be styled, but none of the ancestors containing it to be styled.
An example is to mouse over an image inside a div, and just have the image styled, not both the div, image, and whatever else may be containing them, to be styled.
As far as I can tell, with CSS2.1, or even CSS3, this just isn't possible. Am I correct?
I have an extension called "Colorzilla" for FireFox, which can do this exact thing, though... granted that's in in a different language than just CSS, AFAIK :¦
I'm also wondering something else on the side, that could probably also be answered here instead of making a new topic. It relates somewhat to CSS, but also Javascript, since I am styling CSS attributes using IE's "expression" feature (IE stylesheet):
the following page mentions the values to use for inner window (viewable section of page) size: [howtocreate.co.uk...]
What are the values for IE7? does it support window.innerHeight?
The problem is not just with hovering whatever. Many browsers can already do this. I want to ensure that if you set a ":hover" for all elements, that if nested, the whole containers around it won't trigger.
Is the answer you gave me something which can do that?
I am not familiar with Jquery's functions... but it doesn't look like that's what it does.