Search code examples
cssinternet-explorerinternet-explorer-8internet-explorer-7css3pie

CSS PIE - border issue?

Facing issue while rendering RGBA color for border. RGBA color for border radius working fine but not border color and it is not showing any border color.

Is there any separate "-pie-" tag in CSSPie for use of RGBA in borders?

My Code:

.border{
position:absolute; 
right: 250px; 
top: 250px; 
width: 400px; height:100px; 
z-index: 9999;
border: 3px solid rgba(52, 52, 52, 0.3);
border-radius: 10px; -moz-border-radius: 10px; 
behavior: url(PIE.htc); 
}

Not able to see the border in IE 7 & 8... Can you help?

Thanks in advance!

Solution

  • Unfortunately this is not (yet) supported in PIE. If/when it does get implemented, it will undoubtedly require a separate -pie-border or -pie-border-color property, because IE's parser will throw away the entire border value if it contains the unrecognized rgba string.

    Here is the ticket tracking this feature: https://github.com/lojjic/PIE/issues/55