首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

html 在背景图片上添加一层透明色怎么实现

发布网友 发布时间:2022-04-22 07:38

我来回答

2个回答

热心网友 时间:2022-06-17 21:29

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>半透明实例</title> 
<style> 
.div-a{ background:url(1.jpg) no-repeat;width:230px;height:136px;padding:10px} 
.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00; 
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6} 
</style> 
</head> 

<body> 
<div class="div-a">
<div class="div-b">实现DIV半透明实例演示</div> 
</div> 
</body> 
</html>

给个模板给你。1.jpg就是背景图片。filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6这段就是控制透明度的,60%的透明度。

追问谢谢 这样的话白色的字体也透明了呀,怎么决解呢

热心网友 时间:2022-06-17 21:29

rgba或者opacity追问可以说的更详细一点么,背景图片添加后,怎么添加有文字的这一层呢,谢谢

追答你是想在背景图片上在加透明的图文?

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com