View unanswered posts | View active topics It is currently Fri Nov 22, 2019 8:51 am

Reply to topic  [ 1 post ] 
 Applying PIE to an element in a slider 
Author Message

Joined: Wed Nov 27, 2013 11:00 am
Posts: 1
Post Applying PIE to an element in a slider

I've been pulling my hair out on this one. I have a button class styled with a linear gradient and rounded corners. This works fine in normal page content. However, this should also be used for a "read more" link in a slider caption. I'm using Flexslider. In IE9 this doesn't work at all, the background stays the default color. In IE8, it works correctly in the first slide. In the subsequent ones, it only works on reloading the page and even the standard background is not displayed.

I guess the problem is that the subsequent slides are hidden at first and the element in question is nested at a deeper level so PIE does not detect the change even with -pie-watch-ancestors. The code structure is:

  <div class="caption">
    <div class="caption-wrap">
     <a class="button">

I tried forcing a resize event on each slide via Flexslider's after callback and $('a.button').resize() to no avail.

Any ideas?

Mon Dec 02, 2013 6:29 am
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

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.