用css实现表格背景透明,内容不透明

最新推荐文章于 2024-05-15 21:11:12 发布
最新推荐文章于 2024-05-15 21:11:12 发布
阅读量1.2w 收藏 4
点赞数
分类专栏： CSS 文章标签： css filter ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vince6799/article/details/1128850
版权

 

<STYLE type=text/css>
<!--
td{FILTER: Alpha(opacity=50);}   /*其中Alpha(opacity=50)是调节表格透明度的代码，数值越高透明度越低.0为透明,100为不透明*/
-->
</STYLE>

只需要给不需要透明的内容加上样式style="position:relative"

 

仅对ie有效

vinceding
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
css-伪类元素，背景，透明度，固定定位，粘性定位
Startpoupee的博客
03-18 249
元素，定位，背景
用css实现背景表格
qq_42264793的博客
03-05 416
将背景制作为表格除了图片和元素累计之外还可以用样式的； 直接上代码： // An css block background-image: linear-gradient(90deg, black 3%, transparent 3%), linear-gradient(0deg, black 3%, transparent 3%); background-size: 20px 20px; background-repeat: repeat; background-position: center cent
设置表格表头背景色，使其不透明
hexianfan的博客
06-05 263
【代码】设置表格表头背景色，使其不透明。
ElementUI：设置table的背景透明、根据表格情况设置背景色、设置文字颜色、文字左右间距、表头
最新发布
2401_84619986的博客
05-15 335
原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。}else if(row.column.label===“滞后”){if(row.column.label===“正常”){cellStyle(row){//根据情况显示背景色。，在学习的过程可以结合框架的官方文档。
css表格透明色,day03 css基本样式 + 表格table + 轮廓 + 透明 + 样式的继承
weixin_42469000的博客
08-04 601
1.css基本样式1.1 css背景背景颜色 : background-color : red ; | #FF0000(十六进制) | RGB(255,0,0)背景图片 : background-image: url("image/icon1.png");背景重复 : background-repeat : no-repeat | repeat-x | repeat-y( 不重复 | x方向重复...
ElementUI：设置table的背景透明、根据表格情况设置背景色、设置文字颜色、文字左右间距、表头、每一行高度
2401_84091544的博客
04-03 519
else if(row.column.label===“滞后”){if(row.column.label===“正常”){cellStyle(row){//根据情况显示背景色。根据情况设置背景颜色。
tableview 背景设置为半透明
zhangwenzha123456789的专栏
01-03 701
tableview设置为下面的效果 1.设置背景图片 self.tableView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"background"]]; 2.设置cell透明度 cell.backgroundColor = [UIColor colorWithRed:1 gre
css3 条纹化和透明化表格Firefox下测试成功
12-13
在上述示例中，背景颜色被设置为半透明，使表格内容更易读，同时也保持了视觉上的层次感。 需要注意的是，尽管CSS3提供了这些强大的功能，但其在不同浏览器中的兼容性并不相同。Chrome和Safari对CSS3的兼容性较好，...
CSS控制图片、表格、背景颜色渐变示例
09-25
这段代码会让整个表格背景从`#ff0000`（红色）渐变到完全不透明的状态。同样的，为了兼容其他浏览器，我们可以使用CSS3的`background-image`属性结合`linear-gradient`。 最后，我们来看看背景颜色的渐变。在CSS3中...
javascript经典特效---半透明的表格.rar
03-11
如果只想让表格背景透明，我们可以使用`rgba()`颜色函数，它允许指定颜色的透明度： ```css table { background-color: rgba(255, 255, 255, 0.5); /* 白色背景，50%的透明度 */ } ``` 现在，我们转向JavaScript...
CSS实现背景图片透明而文字不透明效果的两种方法
12-13
摘要: 方法一(毛玻璃效果)：背景图 + 伪类 + flite:blur(3px) 方法二(半透明效果)：背景图 + 定位 + background:rgba(255,255,255,0.3) CSS实现背景图片透明，文字不透明效果的两种方法 项目中经常会用到背景图上放一些文字介绍，这里介绍两种技术来实现背景图片透明，文字不透明效果，记录一下，方便日后学习。 1.毛玻璃效果： 背景图 + 伪类 + flite:blur(3px) .demo1{ width: 500px; height: 300px; line-height: 50px; text-alig
纯css实现背景图片半透明内容不透明的方法
12-13
前言 最近做一个登陆界面的，突然想使用这种背景图片透明，而内容不透明的效果，这里我就说一说我的两个思路吧。 效果展示 半透明 不透明 常见的失败做法 最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。 还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。 正确姿势 我想到两个方法，第一个就是利用伪元素::before,我们通过给伪元素添加背景并且将伪元素的设置伪元素的背景透明度来实现 <!DOCTYPE html> <html lang="en"> <head> <meta cha
Css如何实现背景色透明或半透明但内容不透明
12-13
1.针对IE浏览器 复制代码代码如下: .demo{ 　background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF) } 2.针对FF，谷歌等浏览器 复制代码代码如下: .demo{ 　background:transparent;<!–背景透明–> 　color:#fff;<!–字体颜色–> 　background-color:rgba(255,255,255,0.15)<!–最后一个参数设置透
Web前端开发css基础样式总结(推荐)
09-24
最后，透明度可通过opacity属性设置，值范围从0（完全透明）到1（完全不透明）。例如，opacity: 0.5会使元素变得半透明。同时，我们还可以自定义元素的光标样式，如cursor: pointer，使鼠标悬停时显示手形。 以上...
html5+css 代码.pdf
11-26
8. 透明度：`opacity`属性设置元素的透明度，值范围0（完全透明）到1（完全不透明），如`.uname:hover`。 9. 焦点样式：`focus`伪类用于元素获取焦点时的样式，如`.pwd:focus`。 10. HTML表单元素： - `action`...
CSS布局：sticky定位 position:sticky
huangkang1995的博客
11-28 1330
CSS布局：sticky定位 position:sticky 转载 https://www.cnblogs.com/byeyear/p/11999334.html stick定位一如其名：它随“正常”文档流而动，直到规定位置，尔后“粘”在那里；或者，当它发现自己可以跟随“正常”文档流而脱离sticky位置时，就果断离开从而加入文档流。 示例 <div style="height: 200px; overflow:scroll;"> <p style="background-co
el-table设置背景透明(亲试有效)
热门推荐
学如逆水行舟，不进则退，如遇问题联系邮箱：904004593@qq.com
06-24 2万+
众所周知,el-table的背景颜色是白色的,若想重新设置背景颜色 注意: 1.重写样式要加（>>>或者/deep/），不然不会生效 2.th ，tr都有背景颜色，都要重写， 那我们开始,上代码 一.首先在el-table 外加个div 自定义class 如图: <div class="user_skills" style="margin-top:20px;"> <el-table :data="skills" :header-cell-style="getRowCl
css实现背景透明，文字不透明
04-14
可以使用CSS中的opacity属性来实现文字不透明，背景透明的效果。 例如： ``` div { background-color: rgba(255, 255, 255, 0.5); /* 背景颜色设置为半透明白色 */ opacity: 0.8; /* 设置文字不透明度为0.8 */ }...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值