
Using CSS3 PIE.htc with jQuery
Hi,
I am using PIE.htc in combination with jQuery. Unfortunately, after using border-radius with PIE.htc in IE8, jQuery fadeIn and fadeOut methods do not work any more.
Example-code: After implementing PIE.htc and border-radius into it, it does not work any more.
Code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
button, span {display: block; float: left; margin-right: 0.5em;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("span").fadeIn(3000);
});
});
</script>
</head>
<body>
<button>Fade in</button>
<span style="display: none;">This is some text.</span>
</body>
</html>
How to fix this issue?