css设置透明 css设置透明度

CSS怎么设置让背景颜色透明，而文字不透明

1、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。

2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。

3、然后我们添加一个透明度的代码（opacity:0.6）。

4、在图层的上方，有个不透明度，我们把PS中图层不透明度设置为60%。

5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是PS中的拾色器里的数值。

html中图片中如何加入半透明背景和文字

</div>

可以把图片作为div a的背景，给div b添加半透明效果

.a{background:url(图片地址)}

.b{opacity: 0.5;}

html网页中，如何，鼠标经过图片，然后旁边显示字体，或者，在另外一个模块内显示内容

使用div css实现鼠标悬停图片上方时显示文字内容原理：首先我们设置一个盒子对象，并且将图片使用style标签内设置为CSS背景图片，同时设置该对象html a超链接display:none隐藏，该超链接锚文本内放好文字内容，最后设置鼠标悬停经过整个对象时候显示超链接内容。需要注意是，我们使用了css position绝对定位超链接a标签位于该盒子对象下方，并且为了美化效果给html a标签宽度与对象宽度相同，设置一定高度，设置css背景为半透明背景颜色。同时为了兼容IE6我们使用了IE6支持hover插件。控制阅读了解ie6 hover支持。本效果兼容各大浏览器包括IE6。打包源代码请下载附件，谢谢