
Rounded Corners for images in JCarousel
Hello community,
I want images in a JCarousel to have rounded corners in IE 7 and IE 8.
I could successfully reach this for images that are
not inside a JCarousel.
Here is the behavior:
I gave the images in the JCarousel the following CSS style rule:
Code:
.jcarousel-item a img{
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 3px #666666;
behavior: url(/fileadmin/templates/pie/PIE.php);
position: relative;
z-index: 1;
height: 135px; width: 135px;
}
(also I have
Code:
.jcarousel a {position:relative;z-index:1;}
)
I used Pie.php as I am in Typo3 and that is a PHP-environment (so you must use Pie.php instead of Pie.htc).
When I am analyzing such an img with in IE 10 integrated IE developer bar, switch Browser mode to IE 7
(document mode "Standard"), I don't see rounded corners. But when I
uncheck any property in a CSS rule
displayed in the developer bar the rounded corners appear.
My question is:
Do you have any idea how I can reach the img in JCarousel to have rounded corners from the very beginning without clicking somewhere in the IE developer toolbar?

Thank you very much for your answer

Best regards,
chrisprog13