Bordo tratteggiato

[Ranma2]

Vorrei ricreare l'effetto di un elemento selezionato, ovvero quello dei trattini che si rincorrono attorno ad un elemento selezionato, stile photoshop.

Sono riuscito ad avere un discreto effetto:

<div id="img1" class="innimg innimgsel" style="padding: 1px; background-image: url("tratt.gif");">
<input type="image" src="http://www.google.it/intl/it_it/images/logo.gif">
</div>

Il problema si pone quando il contenuto, ha degli elementi trasparenti, di conseguenza si vede lo sfondo sotto con un effetto fastidiosissimo.

[Ranma2]

Esempio:
LINK

L'immagine di google è perfetta, quella di php.net avendo lo sfondo trasparente fa visualizzare interamente il background tratteggiato

[Prill]

Potresti impostare uno sfondo sul div e uno sull'elemento interno (o bisognerebbe aggiungere altro div), usando un'immagine come quella allegata, abbastanza grande (più della mia) : sul primo div lo sfondo posizionato in alto e a sinistra e sul secondo elemento in basso a destra. Esempio:

<div style="background:url(trattino.gif) no-repeat;width:400px;height:80px;"><div style="background:url(trattino.gif) no-repeat right bottom;height:80px;"></div></div>

[Prill]

Un'immagine un po' meglio dell'altra, per box fino a una larghezza massima di 600 pixel e un'altezza di 400

[Ranma2]

Ottima idea! Provo subito!

Grazie!