treehouse : what would you like to learn today?
Web Design Web Development iOS Development

ie zindex problem

  • <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
    <html xmlns=\"http://www.w3.org/1999/xhtml\">
    <head>
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
    <title>Untitled Document</title>
    <link href=\"style_test.css\" rel=\"stylesheet\" type=\"text/css\" />
    <script src=\"jquery.js\" type=\"text/javascript\"></script>
    <script type=\"text/javascript\">
    $(document).ready(function(){

    $(\"ul.sidenav li\").hover(function() {
    $('#img_tag').css(\"top\",\"-10px\");

    $(this).find(\"div\").stop()
    .animate({top: \"-10px\", opacity:1}, \"fast\")
    .css(\"display\",\"block\")

    }, function() {
    $(this).find(\"div\").stop()
    .animate({top: \"-10px\", opacity: 0}, \"slow\")
    });

    });
    </script>
    </head>

    <body>
    <ul class=\"sidenav\">
    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>
    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>
    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>
    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>
    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>


    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>

    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>


    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>


    <li>
    <a href=\"#\">
    <img src=\"1.jpg\" alt=\"\" id=\"img_tag\" />
    </a>
    <div>
    <h2>Goolge</h2>
    <img src=\"1.jpg\" alt=\"\" />
    <p class=\"text_caption\">For the last few months myself and quite a few community members .</p>

    </div>
    </li>




    </ul>
    </body>
    </html>
  • Is there a question to go with this?
  • Why does this post exist???
  • why the is occured. can fix this problem. it is a urgent requirement. please give me a solution.
  • "akbarbadsha25" said:
    why the is occured. can fix this problem. it is a urgent requirement. please give me a solution.


    I know english might not be your first language..... BUT

    is there a question here?