HTML设置背景透明

今天看视频最后作业是设置一个盒子(div) 然后让背景透明我当时就很单纯的用opacity:0.5；（0是全透明 1是完全不透明）

然后发现我的妈！！！全部都透明了我较劲脑子想出来的一首诗竟然也透明了！！！

后来我就百度想让背景透明前面的诗不透明

后来发现真的有

我就不介绍了直接贴图因为图我保存了图更直观

这个就很直观定义背景颜色

然后是直接用这个背景颜色的元素设置

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

最后这个0.5是设置透明度为百分之五十前面三个是rgb颜色值一定要注意的是rgba四个字母一定要有不是rgb

然后效果图

然后其实还有一个方法就是在这个盒子里面再定义一个盒子然后把诗写到里面那个盒子里然后外面那个盒子就可以随意设置透明度了。

还好我比较懒所以发现了这个小秘密 (*^▽^*) 总之加油软件开发需要大胆的想法其实我感觉还是我这个比较简单点就是需要变动的话还是不方便的

HTML设置背景透明相关推荐

Sublime如何设置背景透明
Sublime如何设置背景透明下载sublime 透明背景插件我用的是git下载插件: git clone https://github.com/vhanla/SublimeTextTrans.g ...
CSS的opacity设置背景透明，字体不透明
opacity属性会使子元素也生效,而且子元素再设置opacity:1:是没有作用的: <body><div class="demo"><div cl ...
html中设置背景透明,css如何设置背景透明
css设置背景透明的方法:首先在[ ]标签创建[ ]标签和添加类:然后在[ 3.为div添加样式.在标签后面创建一个 4.保存后使用浏览器查看.可以看到当透明度为由0.1修改为1时div背景由灰色变 ...
iframe 去除边框去除滚动条设置背景透明
iframe去除边框和滚动条其实完全不需要css控制 iframe 标签给我提供了几个很不错的属性设置 src :这个不用说就是嵌套界面的地址 frameborder :是否需要边框 0不需要 ...
设置背景透明时里面内容内容模糊（已解决）
我们通常会遇到这种问题,特别是对于我这种前端小白,在导航栏鼠标放上去的时候,设置背景透明,结果里面的文字也变暗了,这是因为子元素的文字继承了父元素的属性了,那怎么办,用伪类设同级元素就好. 先贴代码, ...
html+页面的背景透明,css设置背景透明元素不透明
css设置背景透明元素不透明在做前端页面的时候,我们会遇到这样的情况,需要背景为半透明状态,但是层里面的内容不需要为透明的状态.有时候我们设置的时候会出现不管内容还是背景同时都成透明了,如何实现背 ...
CSS设置背景透明效果
CSS设置背景透明效果设置背景透明效果有两种方法: 使用opacity属性定义透明度,范围0-1,0表示完全透明,1表示不透明,优点:可以在背景图片以及背景颜色上使用.缺点:会把设置div及其子元素 ...
设置背景透明文字内容不透明方法
设置背景透明文字内容不透明方法效果图如下: <!-- 设置背景透明文字内容不透明方法兼容ie全家族Copyright 2017-9-25, Jachin QQ: 381558301 Emai ...
MFC-控件-标签-设置背景透明
MFC-控件-标签-设置背景透明代码块 VS2013编译通过: //1.添加WM_CTLCOLOR 消息响应函数//2.在消息响应函数中设置标签背景透明 HBRUSH CDlgVA::OnCtlCo ...
css透明度设置--背景透明但文字不透明
1.问题提出:很多情况下,我们可能需要给页面上的某些元素添加一个背景,然后通过虚化背景实现有个透明层的效果.需要达到的效果如下: 2.预想的处理方式:在景点卡的div元素设置一个白色背景,并设置白色背 ...

HTML设置背景透明

HTML设置背景透明相关推荐

最新文章

热门文章