Forums
View unanswered posts | View active topics It is currently Thu Nov 27, 2014 11:46 pm



Reply to topic  [ 2 posts ] 
 Box-shadow "hover" and border-radius "hover" not working IE7 
Author Message

Joined: Wed Jun 11, 2014 5:10 am
Posts: 1
Post 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...


Wed Jun 11, 2014 5:41 am
Profile

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


Sun Jun 15, 2014 9:02 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: No registered users and 1 guest


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:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.