开发者

CSS PIE - border issue?

开发者 https://www.devze.com 2023-04-08 08:35 出处:网络
Facing issue while rendering RG开发者_如何学编程BA color for border. RGBA color for border radius working fine but not border color and it is not showing any border color.

Facing issue while rendering RG开发者_如何学编程BA 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!


For Border-radius issue you have to apply the styles position:relative; and z-index:0; for that element. Hope this will work.


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


My educated guess is that IE7 and IE8 only support rgb() and not rgba(), and that would be why the border was not showing.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号