div设置背景图片透明度且字不透明

更新时间:2023-07-28 04:42:15 阅读: 评论:0

设置背景图片透明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; chart=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;
    }
lx100.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>
a股休市时间        <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>

本文发布于:2023-07-28 04:42:15,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1121140.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:设置   透明   认识   教学   颜色   背景   面积   无标题
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图