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

DIV背景半透明，DIV中的字不半透明

    博客分类：
  • html
HTML 
阅读更多 
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;">
     <span style="color:yellow">图层背景半透明，字体颜色也半透明</span>
</div>

<div style="filter:alpha(opacity=50);background:#ffffff;width:600">

 <span style="position:relative;color:yellow">图层背景半透明，字体颜色不半透明</span>

</div>
分享到：
| 表格截字省略号
评论
1 楼 sumaolin 2011-10-08  
当div 的位置position:abosute时候就不再起作用啦！
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

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

    div背景色半透明

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

    DIV背景半透明文字不半透明的样式

    而在第二个`DIV`中，虽然同样应用了这个滤镜，但由于`&lt;span&gt;`元素设置了 `position:relative`，它相对于`DIV`的位置变得相对独立，因此文本颜色不受背景半透明的影响，保持黄色（`color:yellow`）。 CSS滤镜...

    JavaScript+div 半透明弹出层

    JavaScript+div 半透明弹出层,function openNewDiv(_id) { var m = "mask"; if (docEle(_id)) document.removeChild(docEle(_id)); if (docEle(m)) document.removeChild(docEle(m)); // 新激活图层 var newDiv...

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

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

    DIV始终居中的半透明弹出层

    在网页设计中，"DIV始终居中的半透明弹出层"是一种常见的用户界面元素，用于显示重要的信息或者交互，如提示、警告、登录框等。本文将深入探讨如何实现这样的功能，包括HTML结构、CSS样式以及可能涉及的JavaScript...

    将图片的说明显示在图片之上且背景半透明效果

    标题中的“将图片的说明显示在图片之上且背景半透明效果”是指一种常见的图像处理技术，它涉及到图像的叠加和透明度控制。这种技术在网页设计、移动应用、图形用户界面设计等领域广泛应用，用于增强用户体验，使用户...

    半透明弹出DIV

    在网页设计中，"半透明弹出DIV"是一种常见的交互效果，它能够为网站增添动态感和视觉吸引力，从而提高用户体验。半透明效果通常通过CSS3的透明度属性（opacity）或者RGBA颜色值来实现，而弹出效果则通常利用...

    css3半透明遮罩背景lightbox图片展示特效

    在“css3半透明遮罩背景lightbox图片展示特效”中，我们主要关注的是如何使用CSS3来创建具有半透明遮罩和动态效果的图片展示组件，通常被称为Lightbox。Lightbox是一种流行的设计模式，当用户点击图片预览链接时，会...

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

    在网页设计中，创建一个背景半透明且能覆盖整个可视区域的遮罩层效果是非常常见的需求，这主要用于创建弹窗、加载提示等交互元素时，为用户界面提供一种半透明的覆盖，使得用户能感知到页面下方的内容，同时降低其...

    CSS实现半透明div层的方法.rar

    综上所述，实现半透明div层的方法主要有`opacity`属性、rgba背景颜色和`filter`属性，结合使用可以确保在各种浏览器中实现良好的兼容性。在设计网页时，灵活运用这些技术可以创造出丰富的视觉效果和交互体验。

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

    在传统的CSS 2时代，我们使用filter属性中的alpha滤镜来设置div背景的透明度。这种方式主要用于IE浏览器的兼容性解决方案。 透明度的设置方法主要通过filter属性来实现，具体用法如下： - `filter: alpha(opacity=...

    div半透明下拉菜单.rar

    在网页设计中，"div半透明下拉菜单"是一种常见的交互元素，它结合了HTML的div元素、CSS样式以及JavaScript的交互效果。本教程通过"div1"这个文件，将教你如何创建一个时尚且功能实用的半透明下拉菜单。 首先，让...

    CSS+DIV弹出居中层同时背景变灰色半透明源码

    CSS+DIV弹出居中层同时背景变灰色半透明源码

    CSS和Javascript实现的DIV半透明飘浮层

    通过点击按钮显示半透明遮盖层以及信息层 用CSS实现的固定飘浮,以及用Javascript实现的定位飘浮 用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现Javascript飘浮效果需要取消Javascript中...

    半透明模式对话框类(js源)

    1. `mask.gif`：这可能是一个用于对话框背景的半透明图片，通常用来创建遮罩效果，使得用户不能直接与对话框背后的页面元素互动。 2. `mask.html`：这是一个HTML文件，可能是对话框的示例或者测试页面，展示如何在...

Magicbox
Global site tag (gtag.js) - Google Analytics