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

Box-shadow "hover" and border-radius "hover" not working IE7
http://css3pie.com/forum/viewtopic.php?f=4&t=3457
Page 1 of 1

Author:  sugraskan [ Wed Jun 11, 2014 5:41 am ]
Post subject:  Box-shadow "hover" and border-radius "hover" not working IE7

I try this code

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Website</title>
<style>
.questionAnswer > .btn{
padding: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #d1d0cf;
border: 1px #c0c0be solid;
color: #FFFFFF;
behavior: url('/static/stylesheets/PIE.htc');
}
.questionAnswer > .btn:hover {
background: #ff4200 !important;
border: 1px #e44117 solid !important;
}
/* This stylesheet doesn't work in ie7-ie8 i try "position: relative;" code on this line .questionAnswer > .btn:hover*/
</style>
</head>
<body>

<div class="questionAnswer">
<div class="btn">Send</div>
</div>

</body>
</html>

Thank you in advance for responding.

Good Codes...

Author:  jason [ Sun Jun 15, 2014 9:02 pm ]
Post subject:  Re: Box-shadow "hover" and border-radius "hover" not working

Could be several things. Start with removing the !important from your hover styles, it prevents PIE from applying its own background and border styles.

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