`
lxs647
  • 浏览: 523257 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

设置div的透明背景

阅读更多
仅仅只是设置背景色透明,CSS如下:
.testdiv{
position: fixed;
z-index: 1;
top:60px;
left:295px;
height: 40px;
border: 0;
margin: 0;
padding: 0;
z-index: 2;
background-color: none;
background-color: transparent; /*效果同none*/

}


如果是设置整个div是透明背景,CSS如下:
.testdiv{
position: fixed;
z-index: 1;
top:60px;
left:295px;
height: 40px;
border: 0;
margin: 0;
padding: 0;
z-index: 2;
background-color: rgb(255, 255, 255);
filter:alpha(opacity=20); /*ie透明度20%*/
-moz-opacity:0.8;        /*Moz + FF 透明度20%*/
opacity:0.8;
/*支持CSS3的浏览器(FF1.5也支持)透明度20%*/
}
分享到:
评论
1 楼 Jelly_B 2014-05-19  
 

相关推荐

    div设置背景图片透明度且字不透明

    3. 设置文字颜色,确保其与透明背景有足够对比,以便清晰阅读。 4. 若需设置背景颜色透明度,可以使用`rgba`函数,或在旧版浏览器中使用`FILTER: Alpha(opacity=50)`。 通过以上方法,你可以灵活地创建出背景图片...

    DIV背景透明样式使用

    在上面的代码中,我们使用了 CSS 的 filter 属性来设置 DIV 元素的背景透明度。filter 属性可以用于设置元素的透明度、灰度、反射、模糊、阴影等效果。在这里,我们将 opacity 属性设置为 1.0,以便 DIV 元素的背景...

    div背景透明

    div背景透明文字不透明,ie火狐都支持

    div 背景透明度 如何设置一个div的背景透明度

    你读DIV背景颜色透明度的设置是否熟悉,这里和大家简单分享一下,通常我们通过DIV的style样式属性filter来设置DIV背景透明样式,也可根据alpha提供的参数进行组合控制。 本节向大家爱描述一下如何设置DIV背景颜色...

    div+css设置div的背景为半透明的方法

    标题和描述中提到的知识点是如何使用CSS来设置div元素的背景为半透明效果。为了达到这一效果,可以使用CSS的不同属性来兼容不同的浏览器,因为不同浏览器的CSS支持程度存在差异。 在IE浏览器中,可以使用filter属性...

    div背景半透明,覆盖整个可视区域的遮罩层效果

    1 、半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...

    设置头像及透明背景

    本教程将深入探讨如何实现“设置头像及透明背景”的功能,这涉及到自定义圆形头像和调整背景图片的透明效果。以下是一些核心知识点: 1. **圆形头像**:在用户界面设计中,圆形头像常用于显示个人资料或用户头像,...

    div背景色半透明

    可实现div背景色半透明,不是用的filter:alpha(opacity=50);opacity:0.5;属性,而是用的rgba(0,0,0,0.5),如果用的filter:alpha(opacity=50);opacity:0.5;那么它有个缺点,就是这个div里边的所有子元素也会有半透明...

    jquery仿div透明模态弹出窗

    总之,使用jQuery实现的仿div透明模态弹出窗是网页动态效果的一种常见应用,它能够增强用户体验,提供更直观的交互反馈。通过理解这一实例,开发者可以更好地掌握jQuery的事件处理和DOM操作技巧,同时也能了解到如何...

    网页特效 | 纯CSS控制DIV背景透明效果

    纯CSS控制DIV背景透明效果,没有什么好解释的,代码全在文件里面,直接预览或者用记事本打开即可。rgba参数(red,green.,blue,alpha),alpha值0-1 ie滤镜参数#3363370b,前两位为16进制透明度, 比如说值是上面用到的...

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

    JS+CSS 实现弹出居中背景半透明 div 层的方法 在 Web 开发中,弹出居中背景半透明 div 层是一种常见的交互效果,通过 JavaScript 和 CSS,我们可以轻松实现这种效果。在本文中,我们将详细介绍如何使用 JS+CSS 实现...

    Jquery弹出div层窗口以及div屏幕居中,背景滤镜效果,div拖拽效果

    创建一个弹出div层窗口的关键在于利用jQuery的`show()`、`hide()`、`fadeIn()`、`fadeOut()`等方法来控制div的可见性,同时通过CSS来定义其样式,如边框、填充、背景色等。以下是一个简单的示例: ```html <div id=...

    jquery仿div透明模态弹出窗插件下载

    以上就是利用jQuery实现仿div透明模态弹出窗的基本步骤和关键知识点。通过这样的插件,我们可以轻松地在项目中添加交互式的弹窗功能,提升用户体验。记得在实际应用中根据项目需求进行调整和优化。

    我个人认为很好的用div来做的透明弹出的效果。

    首先,我们要理解如何设置 `div` 的透明度。在 CSS3 中,我们可以使用 `opacity` 属性来调整元素的不透明度。`opacity` 的取值范围是 0(完全透明)到 1(完全不透明)。例如,设置一个 `div` 全部为半透明,可以写...

    div被iframe遮住的几种情况及解决方法

    这种情况通常发生在DIV元素使用了透明背景时,比如通过CSS的opacity属性或者rgba颜色模式来设置透明度。大多数浏览器都能够正确地渲染这样的设置,但是Chrome浏览器不支持在IFRAME内部设置透明背景。在Chrome中,...

    div透明度

    ### div透明度 在网页设计与开发中,调整`div`元素的透明度是一种常见的需求。这不仅可以增强页面的视觉效果,还能实现更多的交互可能性。本文将深入探讨如何通过CSS来设置`div`的透明度,并解释两种常用的方法:`...

    div弹出登陆框背面透明罩模板

    在网页设计中,"div弹出登陆框背面透明罩模板"是一种常见的交互设计技术,用于在用户触发特定操作(如点击“登录”按钮)时,弹出一个覆盖整个页面的登录对话框,同时背景被一个半透明的遮罩层所覆盖,确保用户只能...

    div透明使用

    ### DIV透明使用的实现方法 在网页设计中,为了达到美观或是功能性的需求,有时需要将网页中的`div`元素设置为透明效果。本篇文章将基于提供的文件内容来深入探讨如何在CSS中实现`div`元素的透明度调整,并对相关的...

Global site tag (gtag.js) - Google Analytics