Currently, I am implementing resizable functionality to an image using jQuery resizable and it seems to be functioning well. However, I am facing an issue with the visibility of the handles.
In the image provided below
The handles appear to be partially visible. Is there a way to make them completely visible? An example demonstrating this can be found in the following fiddle:
Check out the fiddle example here:
<div id='elementResizable'>
<h1>Full Name</h1>
Title
<div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div>
<div class="ui-resizable-handle ui-resizable-ne" id="negrip"></div>
<div class="ui-resizable-handle ui-resizable-sw" id="swgrip"></div>
<div class="ui-resizable-handle ui-resizable-se" id="segrip"></div>
You can view the example at http://jsfiddle.net/digitalaxis/j2JU6/ but please note that the handles may also not display completely clear.