Dreamweaver制作网页鼠标经过图像出现文字还是背景半透明的，怎么做？

2025-03-31 02:29:45

推荐回答（2个）

回答1：

首先设置一个div对象，用CSS样式设置img为背景图片，同时设置隐藏a标签，然后在锚文本写下显示的文字，设置背景样式为半透明filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}，最后设置鼠标经过图片的时候才会显示文字内容。

所写代码为：





鼠标放图片上时出现文字 
 
 
 

    我是一只开心的肥猫

浏览效果图为：

以上就是用Dreamweaver制作出鼠标经过图像出现文，背景半透明的效果。

回答2：

利用相对和绝对定位布局，背景半透明用background：rgba(0,0,0,0.5)，括号前面三个数字代表颜色的RGB值，后面的0.5代表透明度（0-1）
先给半透明背景所属的div设置不显示，然后利用js当鼠标经过图像时半透明背景和文字所属div显示，大概思路就是这样

Dreamweaver制作网页 鼠标经过图像出现文字 还是背景半透明的，怎么做？