`
心语2012
  • 浏览: 45854 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

半透明层

    博客分类:
  • css
css 
阅读更多
在估项目是用opacity做半透明层时总遇到一个恼人的问题就是父容器半透明了,子窗口也会半透明;

后来发现css3提供了一个rgba挺管用的
div{
   background:rgba(255,0,0,0.5);
}
这个对于除IE外的高级浏览器都支持

对于IE可以用滤镜
div{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
}

这样对所有的浏览器都支持了
分享到:
评论

相关推荐

    JS弹出半透明层.html

    JS弹出半透明层,常用代码可用于网站登录或信息查看

    jquery鼠标悬停图片显示下拉半透明层

    在网页设计中,交互性和用户体验是非常重要的因素,而“jquery鼠标悬停图片显示下拉半透明层”就是一种提升用户体验的常见技术。这种效果通常用于展示更多关于图片的信息,如产品描述、链接或其他附加内容,当用户将...

    脉冲红外热波用于半透明涂层厚度测量.docx

    【脉冲红外热波用于半透明涂层厚度测量】 在现代工业中,涂层和薄膜的应用日益广泛,它们的性能,特别是厚度,对光学和热学特性至关重要。为了满足精确控制涂层性能的需求,涂层厚度的测量技术变得越来越重要。现有...

    纯css实现内容下面的半透明层

    纯css手打,用before伪元素实现的一层半透明层,你可以看到下面的背景图,也可以看见上面内容,也就是他是在背景和内容之间的一层

    行业分类-设备装置-具有透明或半透明涂层的安全纸页.zip

    标题中的“行业分类-设备装置-具有透明或半透明涂层的安全纸页.zip”指的是一个包含特定类型技术资料的压缩文件,主要关注的是应用于安全纸页上的透明或半透明涂层技术。这种技术通常与信息安全、防伪和文档保护相关...

    js+CSS实现弹出居中背景半透明div层的方法.docx

    我们使用 CSS 将背景半透明层的宽度和高度设置为 100%,并使用 filter 属性或 opacity 属性来实现背景半透明效果。 在 JavaScript 中,我们定义了两个函数,pupopen() 和 pupclose(),用于控制背景半透明层和弹出...

    C#图片蒙半透明层例程

    本示例将探讨如何在C#中实现一个功能,即为图片添加半透明的灰度层,允许调整灰度和色彩效果。首先,我们需要了解几个关键概念。 1. 图像处理库:在C#中,我们可以利用System.Drawing命名空间中的类来处理图像。...

    debugoverlay-在页面上方以半透明层的方式弹出消息、通知.zip

    在页面上方以半透明层的方式弹出消息、通知。项目地址:https://github.com/sockeqwe/debugoverlay 效果图:如何使用在清单文件(AndroidManifest.xml)中添加权限及.DebugOverlayService服务: android:name=...

    Winform半透明遮罩层

    在Windows Forms(Winform)开发中,创建半透明遮罩层是一种常见的需求,它用于提供一种视觉效果,比如在后台操作进行时提示用户或者隐藏部分界面。本篇将深入探讨如何实现这样的效果,主要涉及半透明、遮罩层以及...

    C# 自定义半透明遮罩层

    在C#编程中,创建一个自定义的半透明遮罩层是常见的需求,尤其是在开发桌面应用或者游戏界面时,为了实现部分区域的视觉隔离或加载等待效果。本教程将介绍如何利用C#来构建这样的功能。 首先,我们需要理解遮罩层的...

    实现半透明效果,用层来实现

    把这两句代码加入到要实现半透明层的CSS样式表里即可,简单吧!! 注:70和0.7的值可改为你需要的 body { background:url(/upfile/images/bg.jpg)} #layout { position:absolute; top:50px; left:50px; width:500px...

    自定义半透明遮罩层

    在网页设计和开发中,自定义半透明遮罩层是一种常见的视觉效果,它通常用于创建交互式的用户体验,比如加载提示、弹出窗口或模态框背景。遮罩层可以覆盖整个页面或者特定区域,通过半透明黑色或灰色背景,使用户聚焦...

    css3半透明遮罩lightbox效果.zip

    1. **半透明遮罩(Overlay)**:这是一种覆盖整个页面的半透明层,用于突出显示弹出的图像。CSS3提供了`rgba()`函数,允许我们创建具有透明度的色彩,例如`rgba(0, 0, 0, 0.8)`创建了一个80%不透明的黑色遮罩。通过...

    叠加半透明位图Delphi源码

    在本文中,我们将深入探讨如何在Delphi编程环境中实现叠加半透明位图的功能。这个功能在许多图形用户界面(GUI)应用中非常常见,比如创建动态效果、制作图像合成等。我们将通过API调用来理解这一过程,并以...

    js+html5实现半透明遮罩层弹框效果.docx

    在现代网页设计中,半透明遮罩层弹框效果是一种非常常见的交互方式,它不仅可以提升用户体验,还能让页面更加美观。通过JavaScript与HTML5的结合使用,我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...

    图片遮罩半透明显示详细信息的插件,很实用

    遮罩效果是网页设计中的常见手法,它通过在原元素上覆盖一层半透明层来达到突出显示特定内容的目的。在这个插件中,当鼠标悬停在图片上时,会自动创建一个半透明的遮罩层,遮罩层上可以显示自定义的信息,如图片的...

    C#自定义半透明遮罩层源码

    在Windows Forms应用开发中,有时候我们需要为用户界面添加一种半透明的遮罩层,以达到某种视觉效果,比如加载等待、提示信息等。标题提到的"C#自定义半透明遮罩层源码"正是针对这一需求提供的解决方案。下面将详细...

    css 半透明全屏蒙层 全屏屏蔽 内容绝对居中

    在网页设计中,创建一个半透明的全屏蒙层并实现内容绝对居中是一项常见的需求。这主要用于在页面上提供一种交互式的体验,比如显示加载动画、弹出对话框或者遮罩其他元素。下面我们将详细讲解如何使用CSS来实现这个...

    高温半透明涂层的辐射特性研究 (2010年)

    在先进燃气轮机技术领域,具有半透明辐射特性的高温热防护涂层被广泛应用以降低高温环境下金 属部件的温度。以具有氧化锆涂层的燃气轮机热端金属表面为研究对象,基于半透明涂层的多波段吸收和散 射特性谱带模型,采用...

    winform自定义半透明遮罩层-源码.rar

    本项目"winform自定义半透明遮罩层-源码.rar"提供了一种实现这种效果的方法,特别关注了自定义性和半透明特性。下面将详细讲解如何在C#环境下创建这样的遮罩层。 首先,了解遮罩层的基本概念。遮罩层通常是一个全屏...

Global site tag (gtag.js) - Google Analytics