Hallo ebody,
oha. Von draggable war bisher keine Rede.
Inwieweit ist dein Muster der Realität nahe? Insbesondere:
(1) brauchst Du den 5px Rand um die grüne Box? (2) ist die grüne Box tatsächlich einfarbig?
Wenn (1)=nein und (2)=ja, könnte man die Rahmenbox auch mittels Box-Shadow simulieren:
box-shadow: -10px 0 0 15px rgba(49, 217, 0, 1),
70px 0 0 15px rgba(49, 217, 0, 1),
110px 0 0 15px rgba(49, 217, 0, 1),
-10px 20px 0 15px rgba(49, 217, 0, 1),
50px 20px 0 15px rgba(49, 217, 0, 1),
110px 20px 0 15px rgba(49, 217, 0, 1);
Mit diesen 6 Schattenteilen bekommst Du genau die 200x100 Pixel Box um die rote Box herum, ohne Rand. Den schwarzen Rand bekommt man mit 6 zusätzlichen schwarzen Schatten und geschickter Positionierung auch noch hin, aber das artet dann schon in Overkill aus.
Nachtrag: gerade noch mit einer ::before Box gespielt, in der Hoffnung, dass jQuery die nicht als ziehbares Kind erkennt - war aber nix 😕
Rolf
--
sumpsi - posui - clusi
sumpsi - posui - clusi