DW5 怎么做当鼠标经过图片图片放大离开变回原形的效果 用css
3个回答
展开全部
假设图片外层DIV的class为pic，图片的大小是400*300，html代码可以写成下面这样：
<div class="pic">
<img src="abc.jpg" width="400" height="300"/>
</div>
如果希望鼠标经过时图片的尺寸变成600*450，那么在css里面只要这样定义就行了：
.pic img:hover{width:600px;height:450px}
这个代码在ie6下会不生效，因为ie6不支持除A标签外的其他元素的:hover伪类。如果要在ie6下兼容，只需要把div改成a标签，也就是在图片上加一个超链接，然后给它加上一个class即可。
<div class="pic">
<img src="abc.jpg" width="400" height="300"/>
</div>
如果希望鼠标经过时图片的尺寸变成600*450，那么在css里面只要这样定义就行了：
.pic img:hover{width:600px;height:450px}
这个代码在ie6下会不生效，因为ie6不支持除A标签外的其他元素的:hover伪类。如果要在ie6下兼容，只需要把div改成a标签，也就是在图片上加一个超链接，然后给它加上一个class即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码如下：
<html>
<body>
<style type=text/css">
a.click:hover img { width: 120px; height: 80px; }
</style>
<a class="click" href=""><img width="100px" height="60px" src="图片地址"></a>
</body>
</html>
这里用a的伪劣hover，因为在ie6下，不认识其他标签的hover，如果不用兼容ie6的话，那个hover可以直接给img用。
有什么问题可以追问
<html>
<body>
<style type=text/css">
a.click:hover img { width: 120px; height: 80px; }
</style>
<a class="click" href=""><img width="100px" height="60px" src="图片地址"></a>
</body>
</html>
这里用a的伪劣hover，因为在ie6下，不认识其他标签的hover，如果不用兼容ie6的话，那个hover可以直接给img用。
有什么问题可以追问
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用：hover伪类啊。不用css的话可以用js，你没写过css导航条？？？
因为css的话。img必需是伪类的子节点。先决条件。css不能选择父节点。
因为css的话。img必需是伪类的子节点。先决条件。css不能选择父节点。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
