I am finding a way to exclude a part of background image from parent div when draggable item is triggered. This is the code : '<div style="background-image:url('/image.jpg')"> <ul> <li draggable>item</li> <ul> </div>' So when I drag the <li>, it included also background from <div>. Trying to remove with css but seems impossible. Angular CLI: 6.2.8 Node: 10.0.0 OS: darwin x64 Angular: 6.1.10 Browser: Chrome