img是不具备hover伪类的,可以用js实现
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>Untitled Document</title>
<style>
img {
padding: 6px;
border:1px solid #fc6;
background-color: #FFF;
}
</style>
<script type="text/javascript">
function imgchange(){
var img=document.getElementsByTagName('img');
var img_l=img.length;
for(var i=0;i<img_l;i++){
if(img[i].ref=="change"){
img[i].onmouseover=function(){
this.style.border="1px solid #f00";
}
img[i].onmouseout=function(){
this.style.border="1px solid #fc6";
}
}
}
}
window.onload=function(){
imgchange();
}
</script>
</head>
<body>
<img src="http://bbs.chinahtml.com/images/misc/vbulletin3_logo_white.gif" ref="change" />
</body>
</html>