Autor Zpráva
Tatarka
Profil *
Zdar

potřebuju udělat něco jako je tohle postimg.org/image/p2onccoxb/25fcf386 ( v různých obměnách, jednou bude border trošku dál nebo bude silnější).

Přišel / Našel jsem 2 řešení

1) přeš :after
#a
{
  background: red;
  width: 200px;
  height: 200px;
  position: relative;
  
}
  
#a:after
{
  content: "";
  position: absolute;
  border: 1px solid blue;
  width: 204px;
  height: 204px;
  top: -3px;
  left: -3px;
}

2) přes dvojitý box shadow (jednou s bílým jednou s modrým)


ALe obě řešení mají nevýhodů

box-shadow nefunguje v IE 8 a ten after neni špatný, ale musím znát přesný rozměr elementu (což je taky takové ne zcela vyhovující, potřeboval ych něco univerzálnějšího).

Rozhodně to chci udělat bez nějakých dalších obalových elementů a funkční v IE 8. Napadně někoho něco?

Moderátor jenikkozak: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Tomáš123
Profil
Tatarka:
Čo tak niečo také?
Tatarka
Profil *
Tomáš123:
Super nápad +1

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: