基于CSS的50%透明边框,不使用透明图像

时间:2012-10-09 04:56:23

标签: css css3 fancybox

我需要在对它进行一些修改后使花式框的边框透明。出于某种原因,我无法使其透明化。

我已经创建了一个样本示例,其中有些&我想让内部DIV的边框透明。我尝试了一些东西,但没有奏效。我会很感激纯CSS解决方案,而不使用任何透明图像

示例:JSFiddle

他们是否可以将不透明度添加到边框

1 个答案:

答案 0 :(得分:2)

只需使用透明色就可以使其完全透明

border:10px solid transparent;

My fiddle

如果你想添加不透明度,那么你的这种方法是正确的,它会使边框不透明

border-color:rgba(17,17,17,0.7);

您也可以border-color:rgba(244,244,244,0.4); My fiddle

使用此功能