css半透明效果

最新推荐文章于 2023-05-18 17:24:44 发布
最新推荐文章于 2023-05-18 17:24:44 发布
阅读量117 收藏
点赞数
分类专栏： css 文章标签： css html trians
在做一个项目的时候遇到的，现在整理发出来，一是为了记笔记，方便以后遇到此情况直接用，二是和大家分享，同时交流学习。先把关键代码贴出来。
实现半透明的样式： 

background: #000;/*IE的背景色*/
filter:alpha(opacity:30);	/*IE背景色的透明度*/
background:rgba(0, 0, 0, 0.5);/*FF背景色的透明度*/

还是贴张图（无图无真相）：
[img]http://dl.iteye.com/upload/attachment/0069/0009/3e625c3d-c1ca-3686-a5bb-29df866c760c.png[/img]
trians
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS半透明边框效果
请叫我二狗哥
04-20 2750
源代码：<!doctype html> <html> <head> <meta charset="utf-8"> <style> div{ width:500px; height:309px; border:50px solid hsla(0,0%,100%,0.5); background:url(file:///C:/Use...
css遮罩层效果
qq_44017357的博客
10-22 1438
css遮罩层效果 在浏览b站网页版首页时，我们会看到这样的效果 将鼠标移动到图片上后 我们可以使用css实现这一效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #mask_layer{width: 206px;height: 116px;overflow: hidden; positi
使用CSS的backdrop-filter属性来实现半透明磨砂效果
jonehoo的博客
05-04 266
属性来实现半透明磨砂效果，不用图片。
CSS 实现磨砂玻璃样式
最新发布
前端开发
05-18 615
CSS 实现磨砂玻璃样式
CSS部分设置背景颜色为半透明
热门推荐
weixin_45297628的博客
04-19 1万+
CSS背景透明
css3的半透明效果
c1552182083的博客
01-02 5149
引自：http://www.divcss5.com/css-hack/c574.shtml filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; filter:alpha(Opacity=50)  对win IE设置半透明效果，火狐不认。 -moz-opacity:0.5;  对火狐设置半透明效果，IE不认。
CSS实现半透明效果
03-20
NULL 博文链接：https://eric-gao.iteye.com/blog/852119
半透明html5博客主题
12-01
半透明html5博客主题是一款适合用于个人博客主题，风格很不错。
NO.61 CSS实现半透明效果实现及兼容性
weixin_30263277的博客
07-13 126
网页半透明效果经常在一些很酷网站中用到，虽然说现在还没有被纳入W3C标准中，但对于CSSer们还是很热捧的。从网上收集并整理了一下以后备用。1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置:复制内容到剪贴板代码:#ceng { -khtml-opacity:0.5;-moz-opacity: 0.5; }-khtml-opacity设置是针对旧版本的Webk...
css实现背景半透明文字不透明的效果
qq_38822390的博客
07-12 2038
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; html{ backgrou
CSS制作一个半透明边框
CSPsy的博客
04-11 2266
CSS 制作一个半透明边框，background-clip 属性，如何实现半透明边框
博客园引入半透明的看板娘
weixin_30906185的博客
06-13 3061
参考：https://www.cnblogs.com/zzc2018/p/10662149.html 代码(添加在设置的博客侧边栏公告下) <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> ...
CSS半透明磨砂效果实现
锦恢的博客
03-07 7203
CSS实现一个带颜色的磨砂效果
css实现背景颜色半透明的两种方法
lin123_00的博客
05-18 7201
在页面布局时，为了给用户不一样的视觉效果，需要设置div的背景颜色为半透明状态，你知道怎么设置吗？ 接下来，就和大家聊聊如何用两种方式使div的背景颜色变成半透明，以及两种方式的优劣。感兴趣的朋友可以过来看看，希望对你有所帮助。 首先，我们用大家比较熟悉的CSS属性opacity来改变div的背景颜色。 更多相关视频： 0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发：BV1C54y1X7ro 前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4 给想学.
CSS边框应用 - 半透明边框
小蚂蚁的世界
06-07 9451
相信你以前肯定尝试过 CSS 中的半透明颜色， 比如 rgba() 和 hsla()。半透明颜色是 2009 年发生的一场重大变革。 从那以后， 我们终于可以在网页设计中使用它们了， 但是为了尝鲜还需要付出额外的代价。 .parent { background-color: teal; padding: 50px; height: 500px; width: 800...
CSS简单实现弹出框、输入框等的背景幕布（半透明、变暗、变模糊）效果，模仿苹果官网导航块的半透明效果。
ljinest
09-22 2638
需求提要 我们如果想写一个效果类似弹出框的组件，首先简单分析一下弹出框的几个特性： 弹出框肯定位于当前页面的最顶端，并且在弹出框关闭之前，其他控件都无法点击、focus等。 为了更好突出弹出框的效果，除了弹出框以外的部分，我们可以加上一个幕布（英文为backdrop）效果，让背景的元素模糊、半透明、变暗等等，让用户的注意力能够完全集中在弹出框之中。 弹出前： 弹出后： 需求分析 把弹出框设定到当前页面的最顶端很简单，我们很快就能想到用Z-index去实现，把Z-index设定到一个足够大的值（取
如何设置成半透明效果
liulang68的博客
07-08 1178
css中样式中添加 opacity表示的是半透明的意思，.5就是50%,如果你设置成1就又不是透明的了 opacity: .5;

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值