透明div方法-玄门社区-风水自学网

<<返回列表下一个上一个收藏打印本文复制本文地址

548 查看	0 回复

主题：透明div方法 [收藏主题]

lan988 当前离线

288 主题	210 广播	31 粉丝

添加关注

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

论坛高手

创始人

当前不在线

lan988 发表于：2023-12-27 4:06:29 | 只看该作者查看该作者主题楼主

<html>

<head>

<style>

.main{

width:100%;

height:100%;

background-color:#fff

}

/* 通过opacity设置透明度 */

.tm1{

margin:40 auto;

text-align:center;

line-height:200px;

width:800px;

height:200px;

background-color:red;

opacity: 0.5;

}

/* 通过rgba设置透明度 */

.tm2{

margin:40 auto;

text-align:center;

line-height:200px;

width:800px;

height:200px;

background-color:rgba(255,0,0,0.5);

}

</style>

</head>

<body>

<div class="main">

<div class="tm1">透明div方法一，通过opacity设置透明度，div上的文字也透明：opacity: 0.5;</div>

<div class="tm2">透明div方法二，通过rgba设置透明度，div上的文字不透明：background-color:rgba(255,0,0,0.5);</div>

</div>

</body>

</html>

专业从事风水，命理，择日，取名等。

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

反对(0)

回到顶部

回到底部

底部

＜下一主题 | 上一主题＞

<< 返回列表

风水自学网有限公司 © 2016-2025 版权所有页面执行0.06250秒 powered by KesionCMS 9.0