No effect when using :hover about pie HOT 9 CLOSED

Thanks for reporting. Would you be able to put together a minimal testcase document demonstrating what you're seeing not work? PIE should react to :hover already (the css3pie.com site uses it in the menu on the right, for instance, even though it's slow) but it's possible certain combinations of styles don't work.

from pie.

let's see :)
i set a style for hovering links like this:

a:hover {
  background: #222;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  behavior:url(blah/PIE.htc);
}

But the hovering links don't get rounded corners.
Second is just a table row with hovering:

tr:hover {
  background:rgba(255,255,255,0.5};
  -pie-background:rgba(255,255,255,0.5);
  behavior:url(blah/PIE.htc);
}

But no color is shown when I hover over the table rows.

On the HTML side there's nothing special to tell, just simple links and tables...

from pie.

Thanks, that helps a lot. I'll look into this when I get a chance.

from pie.

I'm seeing something similar, but different. I have an element that has rounded corners with & without hover. I notice that when I apply PIE.htc to it, the hover state takes about 1 second to render...
I also noticed that when I apply PIE.htc to an grandparent element - page-wrap with a background + box-shadow - the hovered element also takes about 1 second to render.

you can see it here. http://jacobdubail.com/jacobdubail/examples/csr/index.html

from pie.

Thanks Jacob. There is definitely a performance issue with hovering. You can see a similar thing on the css3pie.com site's menu, though it's not quite as bad as yours. I'll be trying to optimize that here soon.

from pie.

Thanks! I'm really enjoying this little gem you created.

from pie.

I just noticed that the hover has another bug. I have a link (A-TAG) displayed as a block to create a large button with a background image. Only the part of the button that contains text now reacts to the mouse. Without PIE the whole button reacts to the mouse moving over it. The following image explains this issue better and includes the used CSS (except for behavior file inclusion): http://www.xirtcms.com/PIE_bug_1.jpg

from pie.

@ArnoOnline: I've opened issue #47 to track that hovering issue.

from pie.

I believe this is just because IE doesn't honor the behavior property inside a :hover pseudoclass selector. Adding the behavior to a default-state selector makes it get applied and then PIE handles responding to the :hover action automatically.

I'm closing this issue since that's an easy workaround, and there's no way to make IE behave otherwise anyway. Reopen if I'm totally missing the point of this. ;)

from pie.