鼠标经过图片变大

 <style type="text/css">

.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
height:100px;
width:100px;
display:inline;
position:absolute;
border: 1px solid navy;
filter:alpha(opacity=80);
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

</style>

 <div style="display:inline; position:relative;">
    <a href="http://www.alixixi.com/" class="highlightit"><img "  src="images/img/index01.jpg"/ alt="" /></a>
<a href="http://www.google.com/" class="highlightit"><img  src="images/img/index01.jpg"/ alt="" /></a>
    </div>

 

 

转载于:https://www.cnblogs.com/dotnetlina/archive/2011/10/18/2217094.html