Forums
|
|
|
Page 1 of 1
|
[ 3 posts ] |
|
Author |
Message |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 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 |
|
 |
jason
Joined: Wed Jul 14, 2010 11:46 am Posts: 1452
|
 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 |
|
 |
heli409
Joined: Fri Dec 17, 2010 12:01 pm Posts: 9
|
 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 |
|
|
|
Page 1 of 1
|
[ 3 posts ] |
|
Who is online |
Users browsing this forum: Steeler [Crawler] and 5 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
|
|