От известно време ме глождеше въпросът дали готиния ефект на полупрозрачен заоблен контур, който използват за AJAX функционалностите във Facebook, може да се постигне само със CSS. Намерих малко свободно време и набързо спретнах малък експеримент, който освен това разкри някои особености на използването на RGBa цветове за контури.
Като начало избрах някакъв пейзаж, върху който да личи прозрачността на контура и го сложих за фон на документа. После позиционирах в средата един div елемент и се опитах да му задам контур и бял фон. Както можете да видите, резултата не е това, което се очаква. Въпреки, че съм задал цветът на контура като rgba(90,90,90,0.5), т.е. да е 50% просрачен, той излиза плътен. Това се дължи на факта, че е зададен плътен фон на елемента. Ако елемента няма фон или фонът също е полу-прозрачен, тогава и контурът е полу-прозрачен.