[CSS][HTML]Przezroczyste zewnętrzne obramowanie Opcje

[Andrzej95]

Witam, czy jest możliwość zrobienia w CSS takiego obramowania jak ma strona: http://dbaw.cba.pl/
Jak widzimy jest to przezroczyste oraz na zewnątrz obiektu. Z góry dzięki za jakąkolwiek pomoc. (IMG:style_emoticons/default/smile.gif)

[Damonsson]

To jest pozornie ramka. Tak naprawdę to ramka to tylko

[CSS] pobierz, plaintext 
border: 1px solid black;
[CSS] pobierz, plaintext 

a efekt przezroczystej ramki, robi:

[CSS] pobierz, plaintext 
padding: 6px
background: url(...) transparent;
[CSS] pobierz, plaintext 

Czyli cała treść wielkiego div'a, ma tło z przezroczystością (koniecznie .png/.gif oraz parametr transparent), która to treść jest odsunięta od krawędzi o 6px, a więc nieodsunięta część tworzy 6px ramkę wokół.


Edit: w nowszych przeglądarkach powinno jeszcze zadziałać coś takiego

[CSS] pobierz, plaintext 
border-color: 6px solid rgba(255, 255, 255, 0.42);
[CSS] pobierz, plaintext 

ostatni parametr to przezroczystość w przedziale 0 - 1

Ten post edytował Damonsson 5.02.2013, 22:54:31