2012-10-09 54 views
1

我需要使花式框的邊框透明後,我做了一些修改。出於某種原因,我不能讓它使用透明。基於CSS的50%透明邊框不使用透明圖像

我已經創建了一個示例,它有點&我想使內部DIV的邊界透明。我嘗試了一些東西,但沒有工作。我將不勝感激一個純CSS的解決方案,而無需使用任何透明圖像

例子:JSFiddle

是他們的,我們可以添加不透明度爲邊界

回答

2

只需使用顏色爲透明像這樣使得它完全透明

方式
border:10px solid transparent; 

My fiddle

如果你想添加的不透明度,比這approa您的的通道是正確的,它使邊界不透明

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

你可以使用這個太border-color:rgba(244,244,244,0.4);My fiddle

+0

@外星人,'邊框顏色:RGBA(17,17,17,0.7);'是這是我尋找替代品的原因。我想要50%的透明度 – Learning

+1

@KnowledgeSeeker您正在使用哪種瀏覽器?它適用於我,只是看到我的這個小提琴http://jsfiddle.net/3Xh3Z/2/ –

+0

@異形,奇怪的同樣的東西不適合我現在正在jsFiddle工作。 – Learning