230问答网 > DW5 怎么做当鼠标经过图片图片放大离开变回原形的效果用css

DW5 怎么做当鼠标经过图片图片放大离开变回原形的效果用css

2024-12-30 02:48:08

推荐回答（3个）

回答1：

假设图片外层DIV的class为pic，图片的大小是400*300，html代码可以写成下面这样：

如果希望鼠标经过时图片的尺寸变成600*450，那么在css里面只要这样定义就行了：
.pic img:hover{width:600px;height:450px}

这个代码在ie6下会不生效，因为ie6不支持除A标签外的其他元素的:hover伪类。如果要在ie6下兼容，只需要把div改成a标签，也就是在图片上加一个超链接，然后给它加上一个class即可。

回答2：

代码如下：

这里用a的伪劣hover，因为在ie6下，不认识其他标签的hover，如果不用兼容ie6的话，那个hover可以直接给img用。
有什么问题可以追问

回答3：

用：hover伪类啊。不用css的话可以用js，你没写过css导航条？？？
因为css的话。img必需是伪类的子节点。先决条件。css不能选择父节点。

DW5 怎么做当鼠标经过图片图片放大离开变回原形的效果 用css

DW5 怎么做当鼠标经过图片图片放大离开变回原形的效果用css