Forums
View unanswered posts | View active topics It is currently Sun Nov 23, 2014 6:13 am



Reply to topic  [ 3 posts ] 
 IE at hover problem. 
Author Message

Joined: Fri Dec 17, 2010 12:01 pm
Posts: 9
Post 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;
}


Sun Dec 19, 2010 7:09 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post 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.


Sun Dec 19, 2010 12:20 pm
Profile

Joined: Fri Dec 17, 2010 12:01 pm
Posts: 9
Post 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;
}


Mon Dec 20, 2010 1:44 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.