资源描述
设置背景图片透明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.touming .font{ font-size:14px; color:#FF0}
.tm11{position:relative; width:483; height:568;}/*设置背景图片大小和定位*/
.tm22{
position:absolute;
left:0px;
top:0px;
width: 483px;
height: 568px;
}
.alpha{filter:alpha(opacity=50);width:483px;} /*设置图片透明*/
</style>
</head>
<div class="tm11">
<img src="green-grassland-under-sky-photo-009.jpg" class="alpha"/>
<div class="tm22"><br><br>
背景图片(背景颜色)透明，字不透明<br>哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈<br>
<br>sdfsdfsdfsdfsdf<br><br>
</div>
</div>
</body>
</html>
加背景颜色的图片透明
<style>
.touming{ font-size:14px; background:#F00;/*设置背景颜色透明度*/FILTER: Alpha(opacity=50);}
.touming .font{ font-size:14px; color:#FF0}
.tm11{position:relative; width:1024; height:768}/*设置背景图片大小和定位*/
.tm22{
position:absolute;
left:0px;
top:0px;
width: 1002px;
height: 304px;
}
.alpha{filter:alpha(opacity=50);width:400px;} /*设置图片透明*/
</style>
<div class="touming center w1024">
<div class="tm11">
<img src="04s.jpg" class="alpha"/>
<div class="tm22"><font color="yellow"><br><br>
背景图片(背景颜色)透明，字不透明<br> 哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈好哈哈</font><br>
<br>sdfsdfsdfsdfsdf<br><br>
</div>
</div>
</div>
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
