Forums
View unanswered posts | View active topics It is currently Sun Dec 21, 2014 6:46 am



Reply to topic  [ 4 posts ] 
 Using CSS3 PIE.htc with jQuery 
Author Message

Joined: Thu Dec 04, 2014 3:31 am
Posts: 2
Post 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?


Thu Dec 04, 2014 3:33 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: Using CSS3 PIE.htc with jQuery
Elements rendered by PIE can not have their opacity changed, so fading won't work. You should be able to wrap it in another element and do the fade on that outer element.


Tue Dec 09, 2014 12:11 pm
Profile

Joined: Thu Dec 04, 2014 3:31 am
Posts: 2
Post Re: Using CSS3 PIE.htc with jQuery
Why can elements with PIE not have opacity?


Tue Dec 09, 2014 12:28 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: Using CSS3 PIE.htc with jQuery
There are technical limitations that have prevented it:
- IE's lack of true opacity support means you have to use their proprietary alpha() filter, which has very poor rendering quality when used on things like antialiased text.
- PIE's rendering involves two layered elements, which means that they cannot be faded as a single unit; the best we could do would be to fade each one individually, which is unfortunately not the same result.


Fri Dec 12, 2014 10:09 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: No registered users 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.