css实现div半透明而文字不透明

最新推荐文章于 2024-06-15 10:33:41 发布
最新推荐文章于 2024-06-15 10:33:41 发布
阅读量5.1k 收藏 14
点赞数 2
分类专栏： 记录 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u011414076/article/details/100623211
版权

通产采用rgba中的透明度来设置，可以有效解决

.logintop {
    width: 100%;
    height: 40%;
    background: rgba(66, 66, 66, 0.26);
}

样式：
半透明css实例

CSS背景半透明效果
Dylan_Wei的专栏
03-27 2045
说到CSS的透明效果可以使用如下方式： 1. opacity属性设置：例如opacity:0.7，而低版本的IE浏览器不直接支持这个属性，但是可以使用滤镜filter:alpha(opacity:70)来达到效果。          例如：.box{width:100px;height:100px;background:#000;opacity:.7;*filter{opacity:70}}
div+css设置div的背景为半透明的方法
12-13
复制代码代码如下: div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为50% 3、opacity：对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5;表示设置50%半透明 为了观察到对
css实现div背景透明，文字不透明
☆╮123☆
07-12 859
标签： //透明背景层                            那谁谁5                         //层上显示文字 样式： .bg{ position: relative; float: left; top: -76px; width:190px; height: 40px; background: #000; FI
CSS属性小结之--半透明处理
weixin_30788731的博客
09-28 258
项目中经常有遇到需求半透明的情况，如图片、文字、容器、背景等等，每次都要去翻以前的项目，不甚其烦。现在一次性做个小结，方便自己查阅，也同时分享给大家： 一、 元素容器透明 1 .div{ 2 opacity: 0.5; /* Firefox、Chorme、Opera等主流浏览器识别 */ 3 filter:alpha(opacity=50); /* IE6...
使用CSS实现DIV成半透明效果，CSS实现层与背景半透明效果。
dongzhuangdian的专栏
08-27 722
转载自：http://www.divcss5.com/css-hack/c574.shtml div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-op
【Css】Css实现DIV半透明效果（示例）
【敦厚的曹操】的专栏
03-23 1403
.aaa{ filter:alpha(Opacity=80); /* IE有效 */ -moz-opacity:0.5; /* 火狐浏览器有效，IE无效 */ opacity:0.5; /* 除IE外，所有浏览器都有效 */ } 一般用filter和opacity 0.5代表50%
CSS实现背景图片透明而文字不透明效果的两种方法
12-13
总的来说，CSS 提供了强大的工具来实现背景图片透明而文字不透明的效果，为网页设计带来了更多的可能性。无论选择哪种方法，都需要结合项目需求和目标用户群体的浏览器支持情况来做出最佳决策。
css实现背景半透明文字不透明的效果示例
09-24
总结来说，通过CSS的`rgba()`函数和合理的颜色搭配，我们可以轻松实现背景半透明而文字不透明的效果。在实际应用中，可以根据需求调整颜色值和透明度，以适应不同的设计风格和品牌要求。同时，保持良好的代码习惯，...
CSS实现背景透明文字不透明兼容各种浏览器有图有真相
09-25
本文将介绍如何使用CSS来实现背景透明、文字不透明，并且兼容包括IE6在内的各种主流浏览器。 首先，我们来看一下基本的CSS语法。在现代浏览器中，我们可以利用`rgba()`函数来设置元素的背景透明度。`rgba()`函数...
ie7+背景透明文字不透明超级简单的实现方法
09-04
在网页设计中，有时我们需要实现背景透明但...总的来说，通过使用PNG32格式的透明图片和适当的CSS样式，我们可以轻松地在IE7+浏览器中实现背景透明而文字不透明的效果。这种方法既简单又实用，适用于多种网页设计场景。
CSS实现半透明效果
03-20
NULL 博文链接：https://eric-gao.iteye.com/blog/852119
css半透明效果
04-06
NULL 博文链接：https://trians.iteye.com/blog/1546973
CSS实现让文字半透明显示在图片上的方法
09-25
主要为大家介绍了CSS实现让文字半透明显示在图片上的方法,实例分析了css使用filter:alpha控制半透明效果的技巧,需要的朋友可以参考下
Css如何实现背景色透明或半透明但内容不透明
09-25
实现背景色透明或半透明但内容不透明，在某些情况下还是比较实用的，下面有个不错的示例，感兴趣的朋友可以参考下
CSS 透明，文字不透明处理
云潮海啸的博客
06-01 247
1.opacity：会使其所有子元素都透明 我们通常是使用 opacity来做背景的透明化处理，该属性被所有浏览器支持，可以大胆使用，透明度从0.0(完全透明)到1.0(完全不透明)，但该方法会使其所有子元素都透明，此时若只想让背景透明，其他不透明，则可以使用rgba处理背景 2.使用rgba(255,255,255,0.2) ...
CSS背景颜色半透明
最新发布
听海边涛声
06-15 692
CSS背景颜色半透明
CSS制作一个半透明边框
CSPsy的博客
04-11 2489
CSS 制作一个半透明边框，background-clip 属性，如何实现半透明边框
css设置背景为半透明
Caiabcd的博客
10-11 451
关于背景的半透明，可以透过以下语句来实现（css） background: rgba(255, 248, 220, .2); 前三个用来设置颜色，第四位的参数.2用于设置透明度 在这里给自己补充一个知识点，在使用css时，注释不能使用“//”,使用“//”时，页面变的混乱了 css使用“/**/” html使用“< !- - - - >” js可以使用“//” ...
CSS3 颜色半透明 文字阴影设置
procul的博客
11-14 1641
CSS3 颜色半透明 语法格式 color:rgba(r,g,b,a） a 透明的意思 取值范围在 0-1之间 0全透明，1完全不透明 CSS3 文字阴影 text-shadow 参数 单位px 以空格隔开参数 1.水平位置(必写) 2.垂直位置(必写) 3.模糊距离 //模糊程度 （可省略） 4.模糊颜色 rgba(r,g,b,a)...
CSS技巧：打造半透明div层的实现方式
CSS实现半透明div层的方法涉及到的IT知识点主要包括了CSS (层叠样式表) 中关于设置元素透明度的属性，以及它们的兼容性、使用场景和影响因素。 首先，CSS中实现半透明效果最直接的方法是使用`opacity`属性。`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值