PDA

View Full Version : css opaque border



johnwall
02-21-2011, 12:17 AM
http://4.bp.blogspot.com/_v5h8enSm2is/TKMbTDbO8dI/AAAAAAAAAM8/d8mKMtFb1Ts/s1600/trans-border.png

I need something like this that will have a rounded border that is gray and slightly opaque.

could i have some sample code please? thanks

VIPStephan
02-21-2011, 12:57 AM
#idSelector {
border: 10px solid;
border-color: #CCC;
border-color: rgba(0,0,0,.3);
-moz-border-radius: 10px;
border-radius: 10px;
}

Won’t work in IE, though. However, as this is a purely cosmetic issue I would just let IE degrade gracefully. Users of that browser wouldn’t even know that the borders are supposed to be rounded and transparent so they wouldn’t miss it anyway.