I have this one small issue that I wish to seek advise for.
I made this html element to display the image in a circle:
> < div class="circular">
> < img src="breeze.jpg" alt='breeze' >
and wrote the following css:
so the problem if I don’t put the image tag and only use div with the image as its background .. i can’t drag the image out for obvious reasons .. but if do put in the image tag with opacity = 0 …
and then try to hover over the circular image, the hover state is observed even before i try to reach it when approaching from the right margin.
I believe that despite the fact that the image is hidden it is still there and its hampering the hover state.
so is there a way .. I can have the drag and drop functionality of the image and still not mess my hover state effect?