javascript - Jquery-ui dialog box 'x' button image is not visible -

javascript - Jquery-ui dialog box 'x' button image is not visible -

i doing simple jquery-ui dialog application js,css code as,

<html>   <head>     <link rel="stylesheet" type="text/css" href="jquery-ui.css">   </head>   <body>     <div id="dialog">this dialog box</div>     <script src="jquery.js"></script>     <script src="jquery-ui.js"></script>     jquery ui added.....     <script>            $("#dialog").dialog()      </script>   </body> </html>

when add simple dialog box, x mark inside dialog's close button not visible.

am missing inclusion of image sprite file? enter image description here

try this..

include "sprite image" , if put css file in project css folder means put image in image folder , add following changes  .ui-state-default .ui-icon {     background-image: url("images/ui-icons_888888_256x240.png");//change path of image in css(jquery-ui.css) }

Comments