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

Can't target one particular DIV with rounded corners...
http://css3pie.com/forum/viewtopic.php?f=3&t=2137
Page 1 of 1

Author:  cosmocanuck [ Mon Oct 07, 2013 3:06 pm ]
Post subject:  Can't target one particular DIV with rounded corners...

Hi all! Well, thanks to some very helpful tips and a lot of experimenting, i got PIE working on my site just how I want it, in IE 8 at least. Very cool! However, there is one element I can't seem to get to recognize PIE, despite it working on everything else.

Here's an example: http://bit.ly/1fOBj3X

In IE8, the pale green outer shape of the carousel at the bottom of the page stubbornly refuses to be rounded.

I found with everything else, that PIE worked under the following circumstances:

Enclosing object has:
    display: block
    Position: relative
    z-index.

Rounded object has:
    display:block
    NO position or z-index

The carousel is a WordPress plugin called RoyalSlider, and I've successfully got the large images within it to be rounded. The outer DIV (the one in question here), with a class of "royalSlider", has as its parent a DIV with a class of "wrapper" to which I've applied the "correct' css:

Code:
display: block !important;
   position: relative !important;
   z-index: 1000 !important;


I just can't figure this one out.... anyone able to see something I'm missing?

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