`
YongJie
  • 浏览: 73731 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

透明背景文字不透明

    博客分类:
  • CSS
阅读更多

<style type="text/css">
.box{ width:800px; height:150px; background:#CCC;filter:alpha(opacity=30);opacity:0.3; }
</style>
<br/>
<div class="box">  
    <div style="position:relative">div的position属性为relative,IE认为包含文字的div脱离了标准流,样式就不再继承</div>
</div>
<br/>


<div style="position:relative">
<div class="box"></div>
<div style=" position:absolute;color:#000; left:0px; top:0px">

    同级的透明的容器和不透明的容器显示重叠</div>
</div> 

分享到:
评论

相关推荐

    CSS代码实现背景透明而文字不透明

    总的来说,实现CSS背景透明而文字不透明的方法有多种,关键在于理解各种CSS属性和技巧的兼容性,以及如何根据浏览器特性选择合适的方法。通过灵活运用 rgba()、opacity、filter 和渐变等工具,我们可以创建出既美观...

    VC中对话框窗体背景透明而控件不透明

    在VC++(Visual C++)开发环境中,创建一个对话框(Dialog)并实现其背景透明,但保持对话框上的控件(Controls)不透明,是一个常见的需求,这通常涉及到Windows API的深入理解和自定义绘图技术。下面我们将详细...

    半透明窗口中显示标准控件(控件与文字不透明)的实现方案

    通过层叠窗口可以简单实现半透明与不规则形状窗口的效果,但在其上显示标准控件(控件与文字不透明)却是件比较有挑战的事情,这里会给出一个可行的解决方案。同时实现了一些可重用的窗口类,有相关需求时可以进行...

    ie7+背景透明文字不透明超级简单的实现方法

    本文将介绍一种有效且简单的技巧,适用于那些需要在IE7+环境中处理背景透明的文字不透明问题。 首先,关键在于使用PNG32格式的透明图片作为背景。PNG32格式支持完全透明,而与之对比,PNG8只支持256色且透明度有限...

    CSS实现背景透明文字不透明的可行方法(兼容各浏览器)

    /* 使用rgba为现代浏览器设置透明背景 */ filter: Alpha(opacity=60); /* 使用IE专属滤镜实现IE背景透明 */ background: #fff; /* 为IE设置一个纯色背景,防止滤镜影响文字颜色 */ } .content p { position:...

    背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)

    在网页设计中,有时候我们希望背景具有一定的透明效果,但同时要保证文字清晰可读,即文字不透明。这篇文章主要探讨了如何在兼容IE浏览器的同时,实现背景黑色且透明度为0.5,而文字保持不透明的最佳方法。 首先,...

    半透明背景不透明平滑字体滚动字幕

    2. **不透明字体**:与半透明背景相反,不透明字体意味着文字的颜色没有透明度,完全显示其原始色彩。在DELPHI中,可以通过设置字体的Color属性来设定字体颜色,并确保Alpha值为255,以保持不透明状态。 3. **滚动...

    CSS实现背景图片透明而文字不透明效果的两种方法

    另一种方法是使用`rgba`颜色值来创建半透明背景,同时确保文本的父容器覆盖在半透明背景之上。首先,为背景图片设置一个容器,然后在其内部创建一个子容器,用于放置文本。通过`position: absolute`将子容器定位在父...

    css实现背景半透明文字不透明的效果示例

    本文介绍了css实现背景半透明文字不透明的效果示例,分享给大家,具体如下: 效果如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style...

    JFrame边框阴影效果,窗口透明,组件不透明

    为了实现组件不透明,我们需要覆盖`paintComponent()`方法,确保每个组件的背景色是不透明的。同时,还要处理鼠标事件,因为透明窗口可能会导致鼠标事件传递异常。 接下来,我们关注如何添加阴影边框。在Java中,...

    CSS3实现背景透明文字不透明的示例代码

    在CSS3中,实现背景透明而文字不透明的效果有多种方法。这里我们将详细探讨如何通过修改示例代码来实现这一目的。首先,我们要明白CSS3引入的新特性,如`rgba()`函数和`background-color`的透明度控制,可以帮助我们...

    纯CSS实现背景半透明文字不透明效果兼容IE6

    总结起来,要实现背景半透明而文字不透明的效果并兼容IE6,可以结合使用rgba和滤镜属性。首先利用rgba属性为非IE浏览器设置背景透明度,然后对IE6使用DXImageTransform.Microsoft.gradient滤镜,最后通过`:root....

    Css如何实现背景色透明或半透明但内容不透明

    在网页设计中,有时我们希望元素的背景颜色呈现透明或半透明效果,但同时保持其内容(如文字、图片)的完全不透明。这在创建多层次的视觉效果时非常有用,比如让背景图像隐约可见,而主要内容清晰可读。本文将详细...

    CSS实现背景透明文字不透明兼容各种浏览器有图有真相

    IE6是大家都十分头痛的一个浏览器,为了...背景透明&lt;/title&gt;&lt;style&gt;body{margin:0;padding:0;}.back{width:800px;height:700px;background:url(images/超级金属.png);background-repeat:no-repeat;padding

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

    在另一个例子中,我们添加了背景颜色并设置其透明度,同时保持文字不透明: ```css .transparent-color { font-size: 14px; background: rgba(240, 0, 0, 0.5); /* 使用rgba设置背景颜色透明度 */ } ....

Global site tag (gtag.js) - Google Analytics