DW怎么制作鼠标经过图片渐渐变暗效果-

制作鼠标经过图片时图片渐变暗的效果，在Dreamweaver中完全可以实现。接下来，让我们一同这一效果的制作方法。走进狼蚁网站SEO优化的世界，跟随我们的教程，你也能轻松上手。

你需要安装并启动Adobe Dreamweaver CC 2018 V18.0软件，无论你是使用中文还是英文版本，32位或64位，都能轻松驾驭。这款软件大小为968MB，最近更新于2017年10月19日。

接下来是具体的操作步骤：

一、新建一个html文档，并保存至你的站点内。

三、在div内再建立一个块状标签，这个新标签可以是h1，它和图片img是同一层级，都是div的子集。

四、进入style模式，设置div的属性。例如，你可以设置div的固定宽度为px，高度则由内容决定，因此无需设置。为了进行相对定位，还需添加相应的定位属性。

五、接下来是对图片进行设置。将图片转为块状，并设置其宽度与父级相同。

六、然后设置h1标签。将其宽度和高度都设置为100%，并调整其不透明度。为了将其定位在图片上方，还需进行相对定位，并消除h1本身的其他属性。当你的鼠标移动过去后，就会看到预期的效果。

七、为了达成鼠标经过图片时，图片慢慢变暗的效果，我们需要先将h1的不透明度设置为0，然后在鼠标经过时，通过伪类效果逐渐显现，从而实现图片逐渐变暗的视觉效果。

以上就是在Dreamweaver中制作鼠标经过图片变暗效果的具体教程。如果你喜欢我们的教程，请持续关注狼蚁SEO，我们会不断为你带来更多实用的教程。也请关注我们的其他推荐内容，相信你会喜欢。

希望这份教程能够帮助你在Dreamweaver中轻松实现鼠标经过图片时的渐变暗效果。如果你有任何疑问或需要进一步的帮助，请随时向我们咨询。