CSS3 PIE Forums
http://css3pie.com/forum/

IE at hover problem.
http://css3pie.com/forum/viewtopic.php?f=3&t=329
Page 1 of 1

Author:  heli409 [ Sun Dec 19, 2010 7:09 am ]
Post subject:  IE at hover problem.

I have an image that is a link, and I want to put a border around it with radius corners and a drop shadow when it is hovered. This is a Logo image, and do not want the box around it without the hove. This does not work in IE, but does in other browsers. Is this possible for IE? Any help appreciated.

This is the css for the image div.
#footerPDS a:hover {
position:relative;
background: #befeb5;
padding:58px 5px 0px 5px;
border: solid 1px #030391;
-moz-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
box-shadow: 2px 2px 4px #000;
behavior: url(ie_effects/PIE.htc);
z-index:10;
}

Author:  jason [ Sun Dec 19, 2010 12:20 pm ]
Post subject:  Re: IE at hover problem.

Yes you can do this, but you must put the behavior declaration in a style rule that does not include a :hover selector. You can keep the rest of the styles in the :hover block.

Author:  heli409 [ Mon Dec 20, 2010 1:44 pm ]
Post subject:  Re: IE at hover problem.

Jason
Thank you Thank you Thank you Thank you Thank you Thank you!
Your suggestion got me going in the right direction. I'm grateful for the work you have done, and am making a donation. I'm 66 years old, and have spent 30 years as a structural steel detailing contractor. My work went to zero 2 years ago, so for the last year I've taken up a new occupation - building websites. Not knowing anything, I've had to learn photo shop, javascript, jscript, html, css, server side programming, and the IE short comings. I appreciate that fast response in solving my problem. Good luck with your projects. I included the change that I make in my css in hopes that others may be helped.

The new css:
#footerPDS a {
position:relative;
behavior: url(ie_effects/PIE.htc);
}
#footerPDS a:hover {
background: #befeb5;
padding:58px 5px 0px 5px;
border: solid 1px #030391;
-moz-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
box-shadow: 2px 2px 4px #000;
}

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/