DeryFreedulge
New Member
Hello Friends When i Inspect element my Code is so far ...\[code\]<div class="ja-megamenu " id="ja-megamenu"> <ul class="megamenu level0"> <li class="mega first active"> <a href="http://127.0.0.1/" class="mega first active" id="menu435" > <span class="has-image" > <img src=http://stackoverflow.com/questions/14042070/images/on_home.png> </span> </a> </li> <li class="mega haschild"> <a href="http://stackoverflow.com/index.php?option=com_community&view=frontpage&Itemid=455" class="mega haschild" id="menu455" title="Grower Community"> <span class="has-image" > <img src=http://stackoverflow.com/questions/14042070/images/active_11.png> </span> </a> <div class="childcontent cols1 "> <div class="childcontent-inner-wrap"> <div class="childcontent-inner clearfix" style="width: 200px;"> <div class="megacol column1 first" style="width: 200px;"> <ul class="megamenu level1"> <li class="mega first"> <div class="group"> <div class="group-title"> <a href="http://stackoverflow.com/index.php?option=com_community&view=photos&Itemid=507" class="mega first" id="menu507" title="Photos"> <span class="has-image" > <img src=http://stackoverflow.com/questions/14042070/images/wt_under_link_01_01.png> </span> </a> </div> </div> </li> <li class="mega last"> <a href="http://stackoverflow.com/index.php?option=com_allvideoshare&view=category&slg=0&orderby=default&Itemid=934" class="mega last" id="menu934" title="Videos"> <span class="has-image" > <img src=http://stackoverflow.com/questions/14042070/images/wt_under_link_01_02.png> </span> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="mega"> <a href="http://stackoverflow.com/index.php?option=com_kunena&view=topics&mode=replies&Itemid=506" class="mega" id="menu506" title="Forum"> <span class="has-image" > <img src=http://stackoverflow.com/questions/14042070/images/active_05.png> </span> </a> </li> <li class="mega last"> <a href="http://stackoverflow.com/index.php?option=com_easyblog&view=blogger&limit=-2&Itemid=944" class="mega last" id="menu944" title="Blog"> <span class="has-image" > <img src=http://stackoverflow.com/questions/14042070/images/active_07.png> </span> </a> </li> </ul></div>\[/code\]Now here I want to change the image on hover ...I am using somehing like this \[code\].ja-megamenu ul.level0 li.mega a.mega span.has-image:hover{ background:url(../../images/act_05.png) no-repeat 0 0;}\[/code\]but the image hover is not occurs ... can any one please help me I think hover is not happens due to span ...please suggest me what i can do here ?