Feb
23
a:hover img这种写法还是挺实用的
但是在IE6这玩意里面似乎很不爽
竟然没效果
最后找到方法了
如下
但是在IE6这玩意里面似乎很不爽
竟然没效果
最后找到方法了
如下
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX</title>
<style type="text/css">
a{ border:0; float:left; padding:5px;}
a:hover{zoom:1;}
a:hover img{zoom:1.1; border:3px #000000 solid;}
</style>
</head>
<body>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX</title>
<style type="text/css">
a{ border:0; float:left; padding:5px;}
a:hover{zoom:1;}
a:hover img{zoom:1.1; border:3px #000000 solid;}
</style>
</head>
<body>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
</body>
</html>
BBOX样式框架已经成型
DIV三行三列自适应高度
