title: jquery UI datepicker transparent background
body: <p>This seems to be a common question but I've tried many answers but none of them have worked for me.</p>
  
  <p>I'm using jquery UI datepicker. Something seems to be wrong. This is how I see it.</p>
  
  <p><img src="https://i.stack.imgur.com/alw2x.png" alt="enter image description here"></p>
  
  <p>I've included the below in my file</p>
  
  <ul>
  <li>jquery-1.11.2.min.js</li>
  <li>jquery-ui.min.js (version 1.11.4)</li>
  <li>jquery-ui.min.css (version 1.11.4)</li>
  </ul>
  
  <p>Also I've tried the below css but did not work. </p>
  
  <pre class="lang-css prettyprint-override"><code>.ui-datepicker {
    background: #fff !important;
    z-index: 10000;
  }
  </code></pre>
  
  <p>How do I make it look normal?</p>