
Untitled
By: a guest on
Jun 11th, 2012 | syntax:
None | size: 1.22 KB | hits: 13 | expires: Never
fadeto is not working on IE
$(document).ready(function () {
$('.rangea').hover(
function() {
$(this).children('div').stop(true,true).fadeTo(0,1.00);
},
function() {
$(this).children('div').stop(true,true).fadeTo(0,0.00);
});
});
.rangea
{
position:absolute;
width:300px;
height:300px;
/*border:1px solid #FFF;*/
left:905px;
top:300px;
}
#couch{ top:130px; left:130px;}
/* Class : more */
/* Picture Styles */
#picture { position:absolute; top:0; width:1280px; height:800px; margin:0; overflow:hidden; }
/* General More Button */
.more{ position:absolute; width:64px; height:64px; background:url(dim.png); border:1px solid #444; padding:2px;
text-align:left; overflow:hidden; display:none;}
.more span{ position:absolute; left:65px; width:160px; padding:23px 0 0 8px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }
<div id="picture">
<!-- More Info Buttons -->
<div class="rangea" >
<div class="more" id="couch" >
<a style="text-decoration:none" href="">
<img/><span>Log In</span>
</a>
</div>
</div>
</div>